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

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

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

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

手把手教你在cnBlogs中加上自己的漂浮广告<script type="text/javascript">
手把手教你在cnBlogs中加上自己的漂浮广告//<![CDATA[
手把手教你在cnBlogs中加上自己的漂浮广告var tips; var theTop = 200/*这是默认高度,越大越往下*/; var old = theTop;
手把手教你在cnBlogs中加上自己的漂浮广告function initFloatTips() {
手把手教你在cnBlogs中加上自己的漂浮广告  tips = document.getElementById('floatTips');
手把手教你在cnBlogs中加上自己的漂浮广告  moveTips();
手把手教你在cnBlogs中加上自己的漂浮广告};
//51aspx.com
手把手教你在cnBlogs中加上自己的漂浮广告function moveTips() {
手把手教你在cnBlogs中加上自己的漂浮广告  var tt=50;
手把手教你在cnBlogs中加上自己的漂浮广告  if (window.innerHeight) {
手把手教你在cnBlogs中加上自己的漂浮广告    pos = window.pageYOffset
手把手教你在cnBlogs中加上自己的漂浮广告  }
手把手教你在cnBlogs中加上自己的漂浮广告  else if (document.documentElement && document.documentElement.scrollTop) {
手把手教你在cnBlogs中加上自己的漂浮广告    pos = document.documentElement.scrollTop
手把手教你在cnBlogs中加上自己的漂浮广告  }
手把手教你在cnBlogs中加上自己的漂浮广告  else if (document.body) {
手把手教你在cnBlogs中加上自己的漂浮广告    pos = document.body.scrollTop;
手把手教你在cnBlogs中加上自己的漂浮广告  }
手把手教你在cnBlogs中加上自己的漂浮广告  pos=pos-tips.offsetTop+theTop;
手把手教你在cnBlogs中加上自己的漂浮广告  pos=tips.offsetTop+pos/10;
手把手教你在cnBlogs中加上自己的漂浮广告  if (pos < theTop) pos = theTop;
手把手教你在cnBlogs中加上自己的漂浮广告  if (pos != old) {
手把手教你在cnBlogs中加上自己的漂浮广告    tips.style.top = pos+"px";
手把手教你在cnBlogs中加上自己的漂浮广告    tt=10;
手把手教你在cnBlogs中加上自己的漂浮广告  }
手把手教你在cnBlogs中加上自己的漂浮广告  old = pos;
手把手教你在cnBlogs中加上自己的漂浮广告  setTimeout(moveTips,tt);
手把手教你在cnBlogs中加上自己的漂浮广告}
手把手教你在cnBlogs中加上自己的漂浮广告//!]]>
手把手教你在cnBlogs中加上自己的漂浮广告</script>
手把手教你在cnBlogs中加上自己的漂浮广告<style type="text/css">
手把手教你在cnBlogs中加上自己的漂浮广告div#floatTips{
手把手教你在cnBlogs中加上自己的漂浮广告 position:absolute;
手把手教你在cnBlogs中加上自己的漂浮广告 top:250px;
手把手教你在cnBlogs中加上自己的漂浮广告 left:500px;
手把手教你在cnBlogs中加上自己的漂浮广告 width:300px;
手把手教你在cnBlogs中加上自己的漂浮广告 border:dotted #B9ECAE 1px;
手把手教你在cnBlogs中加上自己的漂浮广告 border-right:dotted #B9ECAE 0px;
手把手教你在cnBlogs中加上自己的漂浮广告
手把手教你在cnBlogs中加上自己的漂浮广告}
手把手教你在cnBlogs中加上自己的漂浮广告</style>
手把手教你在cnBlogs中加上自己的漂浮广告</head>
手把手教你在cnBlogs中加上自己的漂浮广告<body onload="initFloatTips()">
手把手教你在cnBlogs中加上自己的漂浮广告<div id="floatTips">
<!--以下是广告内容（51aspx.com）-->
手把手教你在cnBlogs中加上自己的漂浮广告<script type="text/javascript"><!--
手把手教你在cnBlogs中加上自己的漂浮广告google_ad_client = "pub-5440286391851514";
手把手教你在cnBlogs中加上自己的漂浮广告google_ad_width = 300;
手把手教你在cnBlogs中加上自己的漂浮广告google_ad_height = 250;
手把手教你在cnBlogs中加上自己的漂浮广告google_ad_format = "300x250_as";
手把手教你在cnBlogs中加上自己的漂浮广告google_ad_type = "text_image";
手把手教你在cnBlogs中加上自己的漂浮广告//2007-08-27: cnblogs漂浮
手把手教你在cnBlogs中加上自己的漂浮广告google_ad_channel = "3789594809";
手把手教你在cnBlogs中加上自己的漂浮广告google_color_border = "FFFFFF";
手把手教你在cnBlogs中加上自己的漂浮广告google_color_bg = "FFFFFF";
手把手教你在cnBlogs中加上自己的漂浮广告google_color_link = "339900";
手把手教你在cnBlogs中加上自己的漂浮广告google_color_text = "339900";
手把手教你在cnBlogs中加上自己的漂浮广告google_color_url = "008000";
手把手教你在cnBlogs中加上自己的漂浮广告google_ui_features = "rc:10";
手把手教你在cnBlogs中加上自己的漂浮广告//-->
手把手教你在cnBlogs中加上自己的漂浮广告</script>
手把手教你在cnBlogs中加上自己的漂浮广告<script type="text/javascript"
手把手教你在cnBlogs中加上自己的漂浮广告  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
手把手教你在cnBlogs中加上自己的漂浮广告</script></div>

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

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

该文首发于liudao的blog（http://liudao.cnblogs.com），转载请注明出处！

相关文章：

猜你喜欢
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode