海天无影BLOG

添加广告，加载完页面再加载广告

转眼海天的博客已经有100天了，相信大家已经发现，海天的博客上已经添加了广告了。就像美国的教育一样，博客长大了，也该独立了，所以海天就决定在这个比较有意义的一天，给博客加上广告。

当然现在海天的博客还没什么人气，所以肯定没人来投广告的。这次加的广告2个是Adsense，1个百度的。希望等以后人气高了，有人能看上海天的博客，赏两个广告费。

本来不想加百度的广告，但是想想好不容易申请下来的，不加太对不起百度了。但是百度给的钱实在是太少了，所以好位置还是留给GOOGLE的，海天就将“相关文章”栏目下的一块留给了百度。

两个Adsense广告，海天一个加在了侧栏的，一个加在了文章列表页第一篇文章下面，可以说两个广告位都是黄金位置啊，谁叫Adsense给的钱多呢，嘿嘿。

海天本来还想用原来写过一篇《投影样式的图片显示形式》的样式加一个广告的，可发现实在没什么地方可加。加在侧边栏，不够宽；和异次元一样加在文章头部，海天又感觉不好看，所以就想放弃这个好看的投影样式的显示广告方式了。

海天在文章列表页第一篇文章下面，用的方法是《WordPress首页第X篇日志后显示广告》，海天就在第一篇文章后加的广告，感觉也不算太丑吧，就先放那吧。

但后来海天发现，每次打开页面的时候，加在到广告的时候会小卡一下，等广告加载完才继续加载页面，很是影响网页打开的速度。海天就想到了海天无影Movie站也用的那个方法，等页面加载完再加载广告，让广告代码不再影响网页打开的速度。

先加载完页面再加载广告的原理：
网页打开的顺序都是按页面从上到下的顺序加载完成的，所以要想使广告不影响页面打开速度，就要等页面全部打开完成后，再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部，等页面内容打开完成后再加载到广告代码，再用页面上预留好的的 DIV 输出广告。

使用方法：
1、将以下代码放置页面中想要放广告的地方

<div id="myads">载入中…</div>

2、将一下代码放置页面底部，也就是footer，php文件的底部。

<div id="span_myads">这里放广告代码</div>
<script type="text/javascript">
document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>

OK，这样就实现了先加载完页面再加载广告了，怎么样不影响大家阅读吧，当然大家在阅读的时候，不要忘了帮忙点两下，嘿嘿，偷偷的哦，不要告诉GOOGLE和百度。