非插件加入社会化分享标签

如果你希望你的文章被更多的读者阅读或者分享,那么在文章的后面加入一系列的分享标签显得非常重要。使用wordpress的朋友都知道,关于这方面的插件也不少,效果都不错,但是我们能不用插件的尽量不用,插件装得多了会拖慢系统。今天介绍一个不用插件就能让你如愿以尝的方法,这个方法是从外国佬那里翻译过来的,简单易懂。

这里只是做个例子,我们要添加的分享网站分别是:delicious,digg,reddit,technorati,furl以及一个Email按钮和一个Comment按钮。

好了,在你的当前主题目录里找到single.php文件(在wordpress后台也能够找得到),然后将下面的代码复制并粘贴到你需要显示标签的地方,个人建议最好是放在文章的最后面,不然,放在前面也可以。

<div class="socials">
<a class="btn_email" href="mailto:?subject=<?php the_title(); ?>&amp;body=<?php the_permalink() ?>">E-mail</a>
<a class="btn_comment" href="#respond">Comment</a>
<a href="http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit to Del.icio.us" target="_blank" class="btn_delicious">Del.icio.us</a>
<a href="http://www.digg.com/submit?phase=2&amp;url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit Post to Digg" target="_blank" class="btn_digg">Digg</a>
<a href="http://reddit.com/submit?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>" title="Submit Reddit" target="_blank" class="btn_reddit">Reddit</a>
<a href="http://technorati.com/faves?add=<?php the_permalink() ?>" title="Submit to Technorati" target="_blank" class="btn_technorati">Technorati</a>
<a href="http://furl.net/storeIt.jsp?t=<?php the_title() ?>&amp;u=<?php the_permalink() ?>" title="Submit to Furl" target="_blank" class="btn_furl">Furl</a>
</div>

保存好上面的代码之后,再将下面的代码复制并粘贴到你主题目录下的style.css 文件中:

.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(/images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(/images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(/images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(/images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(/images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(/images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(/images/furl.gif) left no-repeat; padding-left:15px;}

最后,再到这里download this zip file下载一些分享标签小图标,将下载来的文件解压出来,然后把里面的图标文件放入主题文件下的images文件夹中就可以了.

原文:blogohblog

如无特别说明,本站文章皆为原创,若要转载,必须注明以下原文信息:
日志标题: 《非插件加入社会化分享标签》
日志链接: http://www.chenchunlin.info/add-some-sharing-tags-to-your-blog.html
博客名称: Chenchunlinblog

This entry was posted in WordPress and tagged , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

分享这篇文章:


相关文章:

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>