2006年12月16日星期六

blogger 3.0:如何把google/adsense广告放进你的文章内方框

首先感谢几个作者共同研究出这个方法, Loui$$.Deniz
以及最后归纳的vivek本文的英文原文请点击这里
这个hack可以让你广告显示在你的博客文章内部。

在运用 这个hack方法前,请先备份你的模版,然后找到以下代码:

<p><data:post.body/></p>




在你的模版 <div class='post'> 这一位置,你可以先把代码复制到记事本上,然后查找这一行,最后对比位置找到该处。然后再用下面的代码替换它 。
用([Your Adsense] 标记的两处分别代表你的文章页上部和下部的放adsense代码的地方。然后记得你的adsense代码的要把改变两个“<”和“>” 代码。,如图红圈所示,把灰色背景的源代码图替换成白色的写法。否则广告会显示出错。





1. 如果你的博客模版没有使用任何HACK,应该类似下面的样式,直接有样学样的修改~


<b:if cond='data:blog.pageType == "item"'>
<p><table align='center'><tr><td>
<center>[Your Adsense]</center></td></tr></table>
<data:post.body/><table align='center'><tr><td>
<center>[Your Adsense]</center></td></tr></table></p>
<b:else/>
<p><data:post.body/></p>
</b:if>


2. 如果你的博客用了首页简短显示文章的hack像本站这样,有个显示全文的提示的hack,
那么你就按下面的粗线条代码替换


<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><table align='center'><tr><td>
<center>Your Adsense</center></td></tr></table>
<data:post.body/><table align='center'><tr><td>
<center>Your Adsense</center></td></tr></table></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Continue reading...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Excerpts only...</a></p>
</span>
<script type='text/javascript'>checkFull(&quot;post-&quot; + "<data:post.id/>&quot;)</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


3. 如果你使用了 简单 的 读取 更多内容的 hack ,那么按下面的代码替换

<div class='post-body' expr:id='"post-" + data:post.id'>

<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><table align='center'><tr><td>
<center>[Your Adsense]</center></td></tr></table>
<data:post.body/><br/>
<table align='center'><tr><td><center>
[Your Adsense]</center></td></tr></table></p>


<b:else/>
<style>#fullpost{display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull(&quot;post-&quot; + "<data:post.id/>&quot;);
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


提示:如果你想控制你的某个页面元素只出现在非单独文章页的情况下,如首页和标签页,那么可以通过以下代码定义:
<b:if cond="data:blog.pageType != "item"">
</b:if>

关于这个定义页面元素出现在哪里的hack,请查阅色彩斑斓的博客这里这里
你也可以查看原作者的英文文章,这里
大家还有什么问题,欢迎提问。

0 评论:

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆