给网站添加网格彩色文字广告位的方法,不懂代码也能操作!

科牛 2021年12月15日15:19:46
评论
243
广告也精彩

本文适合建站小白以及一般的网站运营者观看,专业程序员可忽略。

昨天有个客户找到科牛,想要给自己的网站上添加一个广告板块,展示效果类似站长工具页面那种彩色纯文字的,如图:

给网站添加网格彩色文字广告位的方法,不懂代码也能操作!

添加广告代码,这个对于程序员来说是很简单的,直接把目标网页的css样式扒下来,然后在自己的网站上新建一个就行了。

但是对于很多初学者,或者只会网站制作但不太懂编程的人来说,还是有难度的。

这个客户的网站是用wordpress搭建的一个公司网站,它想要在首页顶部添加一个这样的通栏广告位,然后把自己的产品关键词打上去,从而增加用户的点击率。

其实对于很多模板网站来说,特别是目前用的最多的wordpress,其网站后台都设置的有固定广告位,像这种首页顶部的通栏广告位都属于常规配置。

一般人都是在这里添加一个图片形式的横幅广告,这种是很简单的,但凡是一个差不多的模板都会在后台提供有现成的广告代码,用户只需要根据提示替换其中的超链接跟广告图片就好了。

但是想要在这样的位置添加一个网格状的彩色文字广告位,很多人就不会了,有些可能还会付费去找一个程序员来修改。

不过这里存在一个问题,就是有些老板并不希望添加这个广告位时,修改原模板的程序文件,也就是css样式,最好是可以直接在网站后台的广告位里进行添加和修改。

因为万一自己以后哪天突然不想用这个广告了,删除也很方便!

好的,那么今天科牛就分享一个这样的广告代码,如果你的网站也有同样的需求,直接复制这段代码到后台的固定广告位就可以了。

<ul>

<li>

<a href="链接1" target="_blank" style="display:block;width:298px;color:#0000FF;font-weight: 600;font-size:15px;float:left;">广告文字1</a>

</li>

<li>

<a href="链接2" target="_blank" style="display:block;width:298px;color:#0000FF;font-weight: 600;font-size:15px;float:left;">广告文字2</a>

</li>

</ul>

其中,width用来控制广告文字的宽度,color用来改变颜色,font-weight用来改变字体粗细,font-size用来控制字体大小。

好了,复制以上代码到自己的后台广告位里,然后根据自己的需求,修改对应的参数就可以了!

  • 微信:3083118361
  • weinxin
  • 公众号:科牛
  • weinxin
  • 本文由 发表于 2021年12月15日15:19:46
  • 版权归原作者所有,如您有版权权益方面的问题,请及时联系我方处理!
经营10多年的眼镜店想要转战线上,该怎么做? 网络推广

经营10多年的眼镜店想要转战线上,该怎么做?

今天看到个网友发帖,说自己一个朋友,做了十多年的眼镜店,现在面临经营困难,准备转战线上了。 前些年生意好的时候,在本地开了好多家分店,生意异常红火。 现在由于疫情以及线上电商的挤压,受到的冲击非常大,...
发现了一个赚钱非常厉害的工业品行业网站! 建站

发现了一个赚钱非常厉害的工业品行业网站!

今天发现了一个非常NB的工业品行业网站,赚钱能力非常强,我觉得可以作为一个行业类网站的标杆,分享出来共同学习下! 这个网站叫做“华人螺丝网”,域名也很霸气,luosi.com。 先不说其他的,光人家这...
搞了10年的网站,却比不上一个微信或者微博大V? 建站

搞了10年的网站,却比不上一个微信或者微博大V?

今天看到有个站长发帖,说自己搞了10年的网站,结果却比不上一个微信大V或者微博大V。 互联网每次兴起的风口,自己总是后知后觉,每次都赶的是末班车。 淘宝正火的时候,看不上淘宝,因为自己会网站制作,就去...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: