Freewind @ Thoughtworks scala java javascript dart 工具 编程实践 月结 math python english [comments admin] [feed]

(2013-01-03) 04. 增加分享与关注按钮

广告: 云梯:翻墙vpn (省10元) 土行孙:科研用户翻墙http proxy (有优惠)

在博客的推广上有点发愁,怎么才能让更多人来看我的博客呢?不想专门花钱来做这个事。看到很多博客上都有“分享”与“关注”按钮,觉得这是个好办法,于是把它们加到我的博客上。

百度分享

首先发现了“百度分享”(http://share.baidu.com)这个工具,使用起来相当简单,直接点击“那个大大的免费获取代码”按钮:

image

就可以生成全部所需的HTML代码了:

image

注意顶部有效果预览。

将这段代码拷到博客的源代码中即可,当然位置需要自己选好,我放在了右边栏处。

然后使用其中的“一键分享”的功能,把几篇写得比较好的博客,发到我的腾讯和新浪微博中。

百度分享这个工具的确又简单又好用,赞一个。

腾讯微博收听按钮

打开这个网址:http://dev.t.qq.com/websites/followcomp/

登录后,输入“网站名称”和“网站地址”,并选择下方的样式,就能看到效果。我选择的是“收听文字链”这种最简洁的方式。然后点击“获取代码”按钮即可得到一些html,把它们插入到博客的源代码中即可。

注意如果想修改按钮信息或者样式,点击上方“我的应用”,在“我的组件”中即可看到刚刚创建的收听组件。

此时获得的是初级权限,可填写身份信息并提交审核,可得到更多的权限。

我的效果如下图(你可以直接点击并收听):

新浪微博关注按钮

新浪微博的关注按钮跟腾讯很像,打开这个网页:http://open.weibo.com/widget/followbutton.php

登录后,填写信息并调整样式即可。不过它的代码比较麻烦,需要向页面中不同的地方,插入三段代码。

按提示加到博客的源代码后,我的效果如下图:

由于它的样式在chrome下显示有点不正常(换行了),我还需要专门定制了一下它的样式:

.WB_follow_ex {
    display: inline-block;
}

今天先做这么多,下次再继续。

comments powered by Disqus