Z-blog圣诞插件修改

December 19, 2007 | tags z-blog  圣诞   | views
Comments 7

哈哈哈, 感觉自己还是挺聪明的,不用5分钟的时间想到用 google ads 广告赚钱与文章融合
修改成这个插件.  虽然没有技术含量,但还是很开心....
效果: http://www.52em.com/mo/blog/post/158.html

1. 打开b_article-single.html,
   找到 <di v class="post-body">
   在后面加入:
   <div id="vad" class="sd">
   <img src="http://www.52e m.com/mo/blog/upload/sd.jpg" />
   </d iv>
   
   b_article-single.html 修改完成

2. 找到blog/STYLE/目录下对应当前模板的 CSS文件
   打开在最后面加入
   .s d {
    margin: 10px 5px 2px 2px;
    padding: 10px 0px 0px 10px;
    float:left;
    width: 185px;
    height: 249px;
    vertical-align: top;
    border:1px #000000 solid;
    }
   
    修改完成.
    注:width和height根据广告大小定义,一般最好大10px美观一下。边框的颜色由border后面的颜色代码定义。


如果你已安装了 google ads 广告赚钱与文章融合
那么你只要在  b_article-single.html,  
找到:
<d iv id="vad" class="ggad">
<sc ript type="text/javascript"><!--
google_ad_client = "pub-9663789071241351";
//页内广告
google_ad_slot = "3582245144";
google_ad_width = 200;
google_ad_height = 200;
//--></sc ript>
<scr ipt type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<img src="http://www.52em.com/mo/blog/upload/sd.jpg" /> 这里是加入的
</di v>

修改CSS 把height: 249px;   改成 height: 449px;


重建文件 搞定.

无边框美观版:

b_article-single.html   无须改动:
把CSS 文件中
.gg ad {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    float:left;
    width: 480px;
    height: 200px;
    vertical-align: top;
    border:0px #000000 solid;
}

红色为改动部份.
蓝色部分有空格




发表评论:

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