网络营销学习 网络营销策划 搜索引擎优化 网络广告实训 网页设计 网站策划 北漂故事 留言集
我在这里: 首页 » 网页设计 » 浏览文章: Z-Blog不同位置加入Google Adsense等广告代码的方法
« 网络营销学院课程体系升级之网络广告投放专员职位调研总结广告策划书文本(完整版大纲) »

Z-Blog不同位置加入Google Adsense等广告代码的方法

        在很久之前,我看到过某人的博客在文章内容页面插入了Google Adsense等广告代码,一直想模仿。但由于当时自己对Z-Blog的认识程度不深,也摆弄过一阵子,但始终但不到,图片被文字包围的效果,主要原因是,在新建文章的时候,用Z-Blog文章编辑器写文章,发布文章时,都是以<p>...</p>形式结尾的。

        关键需要跳跃那个<p>,解决方式如果说你不怕麻烦的话也不是没有,就是每次新建完文章之后,用源代码查看,去掉前面的<p>即可。上述方法很累,而且对于之前的写的文章页得修改,如果开博很久的话,那应该算一个蛮大的工程量,我当初就是因此而放弃的!

        这几天又开始忙乎模版修改的问题,重新回到在文章页面加Google Adsense等广告代码的困惑上,最后在Haphic的帮助下,终于把这个难题解决了。刚刚打开Z-Blog论坛的时候,看到有位朋友在问同样的问题,我在回答完他的问题后,决定写一篇将Haphic告诉我的方法和大家一起分享。其实,duia博客曾写过一篇关于加入Google Adsense等广告代码的文章,但方法局限于某些尺寸的广告,在此基础上我作了修改。

        准备工作:首先,在样式定义表加入这段代码:div.adinpost {float:left;margin:4px;display:inline;padding:0;} ,这个主要是为添加到文章内容页面,实现文字仅靠图片的效果。例如:我博客的样式定义表地址为:http://www.lxdong.com/themes/lxdong/style/lxdong.css  然后,复制已申请的广告代码,将<div class="adinpost">Google Adsense等广告代码</div>这段话根据自己的需求添加到对应的位置。

         如果需要在博客顶部出现Google Adsense等广告代码的话,一般博客都有top顶部定义的一个类,如在我的博客有个关于顶部定义的,当前主题目录下\INCLUDE\top.asp文件头部,http://www.lxdong.com/themes/lxdong/include/top.asp 找到该文件并直接在头部插入<div class="adinpost">Google Adsense等广告代码</div>即可;

         如果需要在内容页文章的底部加入Google Adsense等广告代码的话,在你博客当前的主题目录下\TEMPLATE\b_article-single.html,找到下述代码:<div id='clickeye_content'><#article/content#>......</div> ,将......替换成<div class="adinpost">Google Adsense等广告代码</div>即可;

         如果需要在内容页文章左上方加入Google Adsense等广告代码的话,在你博客当前的主题目录下\TEMPLATE\b_article-single.html,找到下述代码:<div id='clickeye_content'>......<#article/content#></div> ,将......替换成<div class="adinpost">Google Adsense等广告代码</div>即可;           

         如果需要在博客的侧栏加入Google Adsense等广告代码的话,需要先到你侧栏的定义类,如我的是midcontent.asp 在当前主题目录下\INCLUDE\midcontent.asp文件,如我的博客的http://www.lxdong.com/themes/lxdong/include/midcontent.asp,在这代码的合适位置加入<div class="adinpost">Google Adsense等广告代码</div>即可;midcontent.asp

        如果需要在评论上方加入Google Adsense等广告代码的话,在博客当前模板文件下找到文件TEMPLATE\b_article_commentpost.html,找到<p class="posttop"><a name="comment"><#ZC_MSG024#></a></p>......<form id="frmSumbit" target="_self" method="post" action="<#article/commentposturl#>" >,将...替换成<div class="adinpost">Google Adsense等广告代码</div>即可;

        无论在Z-Blog任何位置加入Google Adsense等广告代码,只要熟悉当前主题模版文件TEMPLATE下的那些文件即可,如果不了解的话可以下载Haphic的主题模版修改助手插件,具体请参考地址:http://download.rainbowsoft.org/plugins/TemplateShortCut/。       

        以上方法我主要参考duia博客的方法,其中在内容页面左上方的方法由Haphic提出,我只是将方法具体文字化了,希望对Z-Blog的新手朋友有所帮助,再次感谢Hapic、duia博客博主及亿玛客网络营销学院提供技术支持!
 

作者:陆晓东
原文链接:http://www.lxdong.com/post/zblog-googlegadsense-addaima-ways.html
本文感谢您的来访,如需转载请保留作者及原文地址信息,谢谢您的理解与合作。
我相信:您的每一次阅读与评论,都会给我带来帮助与意想不到的收获!我一直期待您的评论...
  • quote   5楼99 2010-2-22 15:16:07 
  • 99
  • 写得不错,感谢分享...
    http://ezinearticles.com/?How-to-Speed-Up-a-Sluggish-Computer?-Here-Are-Solutions-For-You-to-Speed-Up-Your-PC&id=3727612 
  • 回复该留言
  • quote   4楼无名 2010-1-14 10:02:05 
  • 无名
  • 谢谢,正在修改zblog,正发愁怎么加广告呢。学习一下。 
  • 回复该留言

发表评论

为了防止SPAM,含链接的评论可能需要审核后才能显示O(∩_∩)0

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

100天内评论之星

最新评论及回复

最近发表

热文排行使用