手把手教你在cnBlogs中加上自己的漂浮广告

   
    现在很流行在自己的blog中加广告,尤其是google Adsense居多,虽然收入微乎其微,但是大家还是了此不疲。园子中很多朋友也都在自己的领地中加了一些,但是形势都非常呆板,主要原因是受其位置的限制,我自己研究了一下,整理了一个漂浮上去,效果还蛮不错,特与大家分享,效果如下(当然直接到我的Blog也能看到效果http://liudao.cnblogs.com



具体设置步骤如下:后台管理—〉博客设置:页首Html代码 中加入以下代码:

<script type="text/javascript">
//<![CDATA[
var tips; var theTop = 200/*这是默认高度,越大越往下*/var old = theTop;
function initFloatTips() {
  tips 
= document.getElementById('floatTips');
  moveTips();
}
;
//51aspx.com
function moveTips() {
  
var tt=50;
  
if (window.innerHeight) {
    pos 
= window.pageYOffset
  }

  
else if (document.documentElement && document.documentElement.scrollTop) {
    pos 
= document.documentElement.scrollTop
  }

  
else if (document.body) {
    pos 
= document.body.scrollTop;
  }

  pos
=pos-tips.offsetTop+theTop;
  pos
=tips.offsetTop+pos/10;
  
if (pos < theTop) pos = theTop;
  
if (pos != old) {
    tips.style.top 
= pos+"px";
    tt
=10;
  }

  old 
= pos;
  setTimeout(moveTips,tt);
}

//!]]>
</script>
<style type="text/css">
div#floatTips
{
 position
:absolute;
 top
:250px;
 left
:500px;
 width
:300px;
 border
:dotted #B9ECAE 1px;
 border-right
:dotted #B9ECAE 0px;

}

</style>
</head>
<body onload="initFloatTips()">
<div id="floatTips">
<!--以下是广告内容(51aspx.com)-->
<script type="text/javascript"><!--
google_ad_client 
= "pub-5440286391851514";
google_ad_width 
= 300;
google_ad_height 
= 250;
google_ad_format 
= "300x250_as";
google_ad_type 
= "text_image";
//2007-08-27: cnblogs漂浮
google_ad_channel = "3789594809";
google_color_border 
= "FFFFFF";
google_color_bg 
= "FFFFFF";
google_color_link 
= "339900";
google_color_text 
= "339900";
google_color_url 
= "008000";
google_ui_features 
= "rc:10";
//-->
</script>
<script type="text/javascript"
  src
="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>

试试看,效果还不错吧,以后不用每次发文的时候再单独插入广告了,这个是按照51aspx.com 的样式进行设计的,当然你也可以进行扩展,希望对你有所帮助。要注意广告不要加的太过分哦,否则会影响dudu的adsense收入阿!

按照常理此方法也应该同样适用于其他Blog,51aspx还没来得及测试~~

该文首发于liudao的blog(http://liudao.cnblogs.com),转载请注明出处!

posted @ 2007-08-28 10:50  liudao  阅读(1209)  评论(7编辑  收藏  举报
51Aspx.com 版权所有