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

科牛 2021年12月15日15:19:46967
广告也精彩

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

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

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

添加广告代码,这个对于程序员来说是很简单的,直接把目标网页的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
  • 版权归原作者所有,如您有版权权益方面的问题,请及时联系我方处理!
一个专门做404页面模板的网站,细分领域里称王! 建站

一个专门做404页面模板的网站,细分领域里称王!

昨天给一个客户做网站,所有工作基本上全部做完了,客户最后提了个要求,希望把网站的404页面美化下,但又没说具体要做成什么样的,于是科牛决定先在百度上找一些现成的模板,然后看客户喜欢哪些风格,再在那些模...
怎样才能做一个在家办公的自由职业者? 创业

怎样才能做一个在家办公的自由职业者?

科牛已经做自由职业5年了,每天都是在家办公,周围很多朋友都感觉很羡慕,觉得这种工作方式非常自由。 其实自由职业者有时候比上班的人更累,只是其中很多事情都不足为外人道哉罢了。 今天科牛就从多个方面结合自...
派代网为什么会选择关站? 建站

派代网为什么会选择关站?

早上看到一个消息,作为电商领域的老牌网站,派代网要关站了。 说实话,科牛挺不解的,这是一个15年的老站了,在电商圈里还是比较有名气的,为什么会突然选择关站? 科牛自己也经常在上边投稿发布文章,虽然说每...
经营10多年的眼镜店想要转战线上,该怎么做? 网络推广

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

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