Blog技巧，CSDN博客除草记

本文主要是介绍Blog技巧，CSDN博客除草记，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一直都在瞎忙，好久没有时间来专门去摸索一些小技巧和各位blogger一起分享．最近在自己的blog上瞎转悠，发现有不少看不顺眼的东东，于是总结了一下，动手记录了下来．希望可以作为参考．

不过总体上来说，csdn blog到现在为止已经算是比较好用了．看来blogdevteam确实用心了．

1.去掉 "相关文章"

原理：用javascript 定位到相关文章的tag,然后修改其css,你在用这段代码的时候请把字符串中的空格去掉。 .

  <SCRIPTlanguage=javascript>
function hidden_related_topics()
{
   var obj =document.getElementsByTagName('div');   
   var cnt,i;
   var str,html=''; 
    // find the "相 关 文 章" tag
    for(cnt=0;cnt<obj.length;cnt++)
   {
        str = obj[cnt].innerHTML;    
       if(obj[cnt].className == "post" && str.indexOf("相 关 文 章") != -1
            && obj[cnt].id =="")
       {
            obj[cnt].style.display ='none';// do not display it
       }
   }
}
 // call function hidden_related_topics when the brower finish to load page
 window.attachEvent("onload",hidden_related_topics);
 </SCRIPT>

2.去掉＂特别推荐＂

完全就是广告嘛，隐藏！

#csdn_zhaig_ad_yahoo{ 　　 display:none; }

3.去掉 Tags

原理:利用css Tag 确实方便，比较有用，不过csdn 的tag的排版不太雅观，另外中文分词技术也还有待提高．暂时把它隐藏起来．

.Tag{ 　 display:none; }

4.去掉CSDN的Footer

做人厚道一点，我还是把这个footer保留了．

#footer { 　 display:none; }

<／code>

5.增加导航功能

CSDN导航的文章分类以及被挤到页面下边了，需要滚动滚动条才能够看见，很不方便．于是增加一个导航条．除了下面的代码外，还可以添加相关的css美化一下。

 function create_navigator()
{
        var nav_html = '<divid="navigator">';
        nav_html += '<ul>';
        nav_html += '<li><ahref="http://blog.csdn.net/shaohui">博客首页</a></li>';
        nav_html += '<li> <ahref="#">资源索引</a> </li>';
        nav_html += '<li> <ahref="http://www.shaohui.org">伪程序员</a> </li>';
        nav_html += '<li> <ahref="http://blog.csdn.net/shaohui/category/61842.aspx">作品</a> </li>';
        nav_html += '<li> <ahref="http://blog.csdn.net/shaohui/archive/2005/01/02/237488.aspx">留言板</a> </li>';
        nav_html += '</ul>';
        nav_html += '</div><br>';
 
        var obj = document.getElementById("main");
        obj.innerHTML = nav_html + obj.innerHTML;
}
//页面加载完成以后才执行 
window.attachEvent("onload",create_navigator);