宝宝健康成长网首页刘易桉宝宝健康成长 林林微博 育儿护理知识 宝宝网址导航
当前位置: 首页 >> 网络学习 >> 一键分享到社会化按钮非插件免调用js版

一键分享到社会化按钮非插件免调用js版

分享创造价值,对于当下最热门的SNS社会化媒体,我们可见很多大网站都有将文章分享到主流社会化媒体的一键按钮。越来越多的博客上也有分享到SNS的一键按钮,不过大多是基于第三方的JS或者插件实现的,比如说分享家、Addthis 等。今天,cnbabyup给大家介绍下如何用简单代码打造属于自己的一键分享到国内主流社会化媒体功能,包括:新浪微博、百度i贴吧、豆瓣、搜狐微博、人人网、腾讯微博等。我这个是纯文字按钮,没有添加小logo。

将以下代码添加到您的blog的合适位置,wordpress博客一般是single.php中。

<div id="share"><strong>收藏本文:</strong>
<a href="http://v.t.sina.com.cn/share/share.php?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="分享到新浪微博" target="_blank" rel="nofollow">新浪微博</a> │
<a href="http://tieba.baidu.com/i/app/open_share_api?link=<?php the_permalink() ?>" title="分享到百度i贴吧" target="_blank" rel="nofollow">百度i贴吧</a> │
<a href="http://www.douban.com/recommend/?url=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>" title="分享到豆瓣" target="_blank" rel="nofollow">豆瓣</a> │
<a href="http://t.sohu.com/third/post.jsp?&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&content=UTF-8" title="分享到搜狐微博" target="_blank" rel="nofollow">搜狐微博</a> │
<a href="http://share.xiaonei.com/share/buttonshare.do?link=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="分享到人人" target="_blank" rel="nofollow" >人人网</a> │
<a href="http://v.t.qq.com/share/share.php?url=<?php echo $permalink; ?>&amp;title=<?php echo $title; ?>" target="_blank" rel="nofollow" title="分享到腾讯微博">腾讯微博</a>
</div>

然后,css定义下#share 即可,可以参考下我的

#share{background:url(images/green_dot.png) no-repeat #F1FFF7;line-height:26px;float:left;}
#share strong{padding:10px;}
#share a{color:#cc0000;padding:0 15px;}

我只选择了一部分常用的SNS网站作为分享目标,根据需要可适当删减。

分享到鲜果代码:

<a href="http://www.xianguo.com/service/submitdigg/?link=<?php echo $permalink; ?>&
title=<?php echo $title; ?>" title="分享到鲜果" target="_blank" rel="nofollow">分享到鲜果</a>

分享到白社会代码:

<a href="http://bai.sohu.com/appLogin.jsp?border=1&bru=/share/blank/add.do?link=<?php echo urlencode(get_permalink($post->ID));?>&title=<?php the_title(); ?>" title="分享到白社会" target="_blank" rel="nofollow">白社会</a>

最后说一下,这个是纯文字版的,没有加logo图片,如果要加图片可以参考下面这句代码。

<a class="sina-share" href="http://v.t.sina.com.cn/share/share.php?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="分享到新浪微博" target="_blank" rel="nofollow">新浪微博</a>

然后,css定义#share a.sina-share,给一张img 的background即可。

发表评论

^留言没头像?教你设置头像!
我的应用 Follow@cnbabyup 宝宝问答>  0-1岁  1-3岁  3-6岁 手气不错