怎样在wordpress中增加分享到微博QQ空间等功能 | 胡鹏博客
首页 > seo技术 > 怎样在wordpress中增加分享到微博QQ空间等功能
2011十二月13

怎样在wordpress中增加分享到微博QQ空间等功能

用wordpress写博客的博主越来越多,那如果读者看到自己喜欢的文章分享到读者的微博QQ空间,怎么实现呢。现在胡鹏博客和大家一起来一步一步的进行这个功能实现的操作。
现在只需要按以下步骤,就可以在你的wp中实现分享到的功能了。
首先是进入wp的站点管理,在“外观”–“编辑”里面,打开“single.php”,然后将以下代码复制到你需要放的位置上:一般都是放在文章的结尾处。博主放置的位置是36行,可以做为一个参考,因为不同的主题,代码写的不大一样。
分享到:
QQ微博
新浪微博 " title="分享到Twitter" target="_blank" class="twitter">Twitter 人人网 QQ空间


这是第一步,第二步要修改style.css文件,复制以下代码到style.css文件的最后面
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.share{padding:15px 0;border-bottom:1px solid #cccccc;font-size:12px}
.share span{float:left;margin:0 15px 0 0;}
.share span.txt{margin:0;}
.share a{background:url("http://farm6.static.flickr.com/5300/5481118371_03f52aebe9_t.jpg") no-repeat 0 0; display:block;padding:0 0 0 18px;height:16px;line-height:16px; color:#0066CC;overflow:hidden;margin:2px 0 0; text-decoration:none;}
.share a:hover{color:#E05C23;}
.share .twitter{background-position:0 -16px;}
.share .renren{background-position:0 -32px;}
.share .qzone{background-position:0 -48px;}
.share .t_qq{background-position:0 -64px;}
/* 分享部分样式代码结束 */

现在你运行一下你的博客,应该是没有问题的,效果如同胡鹏博客一样的。

更多

文章作者:东莞seo
本文链接地址:http://www.seostudying.com/289.html
欢迎转载,转载请注明出处»胡鹏博客 [怎样在wordpress中增加分享到微博QQ空间等功能]

One Response to “怎样在wordpress中增加分享到微博QQ空间等功能”

您必须在 登录 后才能发布评论.