就要懂

发现很多人的博客文章底部都有收藏分享按钮，看起来感觉特别有煞气，感觉很不错，本来就要懂博客左边已经有了一个jiathis的分享的小插件了，还写了篇关于它的使用：“快速提高博客网站外链”题目是有点夸张了。到网上搜了些方法，找到了一个比较好的，非插件的收藏分享按钮的方法。也在这里分享下，希望对于wordpress新手有帮助。

其实步骤是挺简单的：

1、在wp后台打开single.php。

2、找到<?php the_content(); ?>，在其下面加入如下代码：

    收藏 & 
    分享



    

    "到九点" href="http://www.douban.com/recommend/?url=ID));?>&title=post_title);?>" rel="nofollow">

    

    

    

    

    

    

    

    

    

    

3、在主题style.css任意位置添加如下css样式代码：

#shoucang {
    margin:5px auto;
}
#shoucang ul {
    display:inline;
    position:absolute;
	margin-left:5px;
}
#shoucang li {
    list-style:none;
    float:left;
    margin-right:10px;
    display:block;

}
#shoucang li a span {
       display:block;
    height:16px;
    width:16px;
}
#shoucang li#baidu  a span { background:url('images/baidu.gif') no-repeat; }
#shoucang li#bolaa a span { background:url('images/bolaa.gif')  no-repeat; }
#shoucang li#delicious a span {  background:url('images/baidu.gif')  no-repeat; }
#shoucang li#douban a span { background:url('images/douban.gif')  no-repeat; }
#shoucang li#google a span {  background:url('images/google.gif')  no-repeat; }
#shoucang li#hexun a span {  background:url('images/hexun.gif'); no-repeat;}
#shoucang li#jiudian a span { background:url('images/jiudian.gif'); no-repeat;}
#shoucang li#kaixin a span {background:url('images/kaixin.gif');  no-repeat;}
#shoucang li#poco a span {  background:url('images/poco.gif');no-repeat;}
#shoucang li#qq a span {  background:url('images/qq.gif'); no-repeat;}
#shoucang li#delicious a span {  background:url('images/delicious.gif'); no-repeat;}
#shoucang li#vivi a span {  background:url('images/vivi.gif'); no-repeat;}
#shoucang li#yahoo a span { background:url('images/yahoo.jpg'); no-repeat;}
#shoucang li#xianguo { background:url('images/xianguo.ico');no-repeat;}

完成这些代码部分就搞定了，只要把按钮的图片上传到对应主题下的images文件夹中即可。至于按钮列表的位置你还可以根据自己的需要而定。效果如下：

本来是想用css精灵技术来整按钮图片的，不过要处理那么多图片，闲麻烦，就不弄了，以后有心情的是再从新整下。这次也只是分享了十几个网络化书签，还是等有心情的时候再来继续添加上去。

利用这些分享按钮，如果你的执行力够强，或者你的文章真的够好的话，有人分享，那么外链也是非常可观的，对seo排名也是非常有效的。为了界面的高级，为了适应主流，为了尝试新的应用，你也试试吧，呵呵！

从数据银行免费网盘下载：点击下载分享收藏按钮列表图片和代码材料