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

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

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

添加广告代码，这个对于程序员来说是很简单的，直接把目标网页的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用来控制字体大小。

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