Blog技巧，CSDN博客除草记

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

1.去掉 "相 关 文 章"

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

   // 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

原理:利用cssTag 确实方便，比较有用，不过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);

6.去掉博主的状态显示

csdn增加的这个功能很漂亮，但是一点也不实用，cut掉。

#imgTitleIsOnline{    DISPLAY: none}.UserStatus{    DISPLAY: none}

总体上来说下面的技巧都比较简单． 无非是CSS和Javascript. 如果你在用上面的code的时候遇到问题或者有更多的tips要share,可直接回复, thanks.