修改模板:在Zblog模板上增加广告位

http://www.itjxue.com  2015-07-19 16:37  来源:未知  点击次数: 

以前分享过很多修改模板的方法,但是都是直接告诉大家这个问题应该修改哪个模板,并没有告诉大家我修改模板的方法,我觉得这方法适用于所有对编程对HTML不熟悉的人。最近很多朋友问我同样的问题,他想在页面的某一个地方加上一些广告、统计代码、文字信息等等,不知道怎样修改模板可以加上去。今天统一回答这个问题,教大家我现在使用的方法。该方法是通用方法,适合大多数的模板的修改。如果有朋友的方法比我这高明还请你给我指点一下。

我们先来看看我博客上面的案例:

我自己在我博客首页上面加上了很多广告位,我为什么会知道要加在这个地方?其实不难。我一步一步说一下吧。

第一步:

上程序的官方网站找官方发布的二次开发介绍以及模板开发介绍。我的是Z-BLOG的博客,所以我上Z-BLOG官方网站查看。

详情登陆官方查看:http://wiki.rainbowsoft.org/doku.php?id=themes:template

当然我的只是Z-BLOG系统,如果你的是其他的系统那就上相应的官网查询,如果你的是建站公司建立的网站可以询问建站公司的工作人员。

从官方网站的介绍中可以看出:

主页模板,栏目页(导航页模板),和内容页模板,今天我只拿首页模板来具体讲解下,其他的模板的修改方法类似。

通过官方介绍我可以确定我的首页模板文件是这个:

怎样查看模板名字?在Z-BLOG后台“网站设置管理”即可看见模板名字。

第二步:

FTP下载或者网站后台找到该文件(Z-BLOG可以在后台对模板进行编辑),其他网站系统可能无法在后台编辑,那么就通过FTP找到该文件然后下载。下载的文件用记事本或者Dreamweaver打开。

第三步:

确定需要加入的信息放在哪里。在这里我们可以看第一张图,我想把百度联盟里面的广告加到“最近发表”的上面。我会在百度里面把广告位的高度、宽度都设置好。

然后打开首页,鼠标右键“查看源文件”得到如下图所示的代码:

然后在这文本里面俺CTRL+F (查找功能)查找“最近发表”如图:

确保这是唯一的一个,有些朋友可能会查找到多个,这样的情况下你需要具体的分析下哪个才是自己想加入广告的地方。然后找到控制该“最近发表”文章列表的整个DIV (有些是TALBLE)如图所示控制这个文章列表的是ID为divPrevious的DIV,复制这个ID号。

第四步:

进入我们的模板文件按CTRL+F查询这个ID,我们可以找到如下代码。

这里说一下以上代码 <div>是开始 </div>是结束,当我们找到这块“最新文章”列表代码时在整块的上方腾点地方出来放我们的广告。

注释:<!--这中间是注释内容,便于人管理代码用的,以后维护广告位比较方便-->。

然后按照上图所示把自己的广告位代码放入其中就行了。

以上的方法只适用于有文字的页面,当我们都是图片的时候怎么办?

那么鼠标指着该图片右键--“属性”查看该文件的地址,把地址复制下来,这个地址就相当于“最新发表”这几个字,然后按照上面的步骤一步一步的操作。

最后保存退出,有伪静态的需要文件重建(重新生成)。

以上只是我经常使用的修改模板的方式(在对模板结构不清楚的情况下用的),各位高手如果有其他更好的方式请告知我,谢谢。

原创文章请注明转载自,李学朋博客,本文地址:http://www.xp178.net/post/297.html

(责任编辑:IT教学网)

更多