教程分为三个版本，第一个是懒人版本，直接上传覆盖即可使用，不过此版本仅限本主题未修改的版本，如果曾经修改过SINGLE.PHP或者是STYLE.CSS文件，请使用第二种版本，下载地址见文章的结尾。

第二个版本为外链版本，无需上传文件，直接外链到本博客调用文件。此方法优点是简单方便，并且节约流量；缺点是如果我的博客不稳定，将会受到影响，修改方法如下：

1.找到模板的SINGLE.PHP文件，添加两行代码

1
2
<script type="text/javascript" src="http://myswty.com/wp-content/themes/weisaysimple/js/atp.js"></script>

<script type="text/javascript" src="http://myswty.com/wp-content/themes/weisaysimple/js/ste.js"></script>

2.找到模板的STYLE.CSS文件，添加14行代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/** 分享按钮 **/

.social_share{margin:25px auto 0 auto;clear:both;overflow:hidden;width:690px;white-space:nowrap;}

.sharebutton{background:url("http://myswty.com/wp-content/themes/weisaysimple/images/share.gif") no-repeat;width:28px;height:25px;display:block;outline:none;float:left;margin:2px 5px 0 5px; _margin:2px 4px 0 4px}

.sharebutton:hover{margin-top:0px}

#share_qzone{width:109px}

#share_sina{background-position:0 -35px;width:91px;}

#share_qqshuqian{background-position:0 -70px;width:91px;}

#share_tqq{background-position:0 -104px;width:91px;}

#share_digu{background-position:-68px -172px}

#share_baidu{background-position:0 -139px}

#share_mail{background-position:-34px -139px}

#share_douban{background-position:-68px -139px}

#share_renren{background-position:-101px -139px}

#share_xianguo{background-position:-135px -139px}

下面说下最后一种方法，这种方法和第二种方法一样，同样适用各种模板，优点是可以根据自己喜好随意修改源文件，缺点是源文件比较复杂，新手不太方便掌握，使用方法为将方法一的文件（除SINGLE.PHP和STYLE.CSS）上传之后，修改方法二的文件地址为上传文件地址就行了，弄不明白就联系我。

最后说下下载地址：http://ffs.myswty.com/?/file/view-OLYHV13.html

本文固定链接: http://myswty.com/zt/add-article-to-share-the-following.html | 朋朋记忆