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);

  
  


  
  

6.去掉博主的状态显示

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

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

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