在文章右上角/左上角嵌入广告
獨立的圓
posted @ 7 months ago
in Blog
with tags
googleAdSense
自定义blog皮肤顶部的图片（附在线编辑器）
一直在使用页面补丁，可以在文章顶部等地方放广告或者其它东西。
该功能很好，可惜我不知道怎样才能把广告嵌在文章的右上角，研究了半天，经Allen和galeki的指点，原来解决办法很简单。
galeki说套一个 div 就可以了：
<div style="float:right;">
...广告代码...
</div>
...广告代码...
</div>
<div style="float: right; padding-left: 5px;">
...广告代码...
</div>
...广告代码...
</div>
两者差不多，padding-left: 5px是左边距5px的意思,由于先入为主，我用了后者。
比如我的具体实现方法是进入管理页面 -> 插件 -> 页面补丁，在“所有文章正文上方:”处输入：
<div style="float: right; padding-left: 5px;">
<script type="text/javascript"><!--
google_ad_client = "pub-1391567336777666";
/* black300x250, 创建于 08-3-2 */
google_ad_slot = "6826766869";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<script type="text/javascript"><!--
google_ad_client = "pub-1391567336777666";
/* black300x250, 创建于 08-3-2 */
google_ad_slot = "6826766869";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
我搞了半天，本来以为要在文章编辑里排版，后来成功了，可是很麻烦，每次写文章都要自己复制这段代码进去，其实只要放在页面补丁里就可以啦，在这里顺便赞一下页面补丁功能，真是非常贴心^_^
如果要放左上角，则把"float: right"改为"float: left"，效果见我的blog。
当然，如果要像我这样放google的广告，要先注册Google AdSense，可点击下面链接注册，如果你乐意放我的广告代码，我也不会介意的^_^
- 版权所有，转载请遵循“署名-非商业用途-保持一致”创作共用协议。
- 相关文章
-
- No match
- 全局相关文章
-
- No match
