发现很多人的博客文章底部都有收藏分享按钮,看起来感觉特别有煞气,感觉很不错,本来就要懂博客左边已经有了一个jiathis的分享的小插件了,还写了篇关于它的使用:“快速提高博客网站外链”题目是有点夸张了。到网上搜了些方法,找到了一个比较好的,非插件的收藏分享按钮的方法。也在这里分享下,希望对于wordpress新手有帮助。
其实步骤是挺简单的:
1、在wp后台打开single.php。
2、找到<?php the_content(); ?>,在其下面加入如下代码:
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排名也是非常有效的。为了界面的高级,为了适应主流,为了尝试新的应用,你也试试吧,呵呵!

