呃....由于某些原因,真的很久没有更新了,很对不住关注我的那些朋友们。半夜闲逛-___-!! 看到自力博客的一篇名为 为WordPress添加腾讯微博#一键转播#按钮 的文章,感觉很不错。很早以前我就有过给文章添加一键分享按钮的想法,但是放上去之后感觉很别扭,今天突然想到如果将这个分享按钮放到侧边栏会不会好看些呢?于是.....
先看一下原文给出的Wordpress使用的代码:
<a href="javascript:window.open('http://v.t.qq.com/share/share.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent('<?php the_permalink() ?>')+'&jumpback=2&noui=1','favit','width=700,height=546,left=50,top=50,toolbar=no, menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)"><img title="转发到腾讯微博" alt="腾讯微博" src="/pub/sns/share/images/t-qq-com/t-ico.png" width="16" height="16" /></a>
上面的代码中使用了WordPress的 <?php the_permalink() ?> 函数生成访问者当前页面URL,然后使用 encodeURIComponent() 对URL进行编码。Movable Type也有相应的 Template Tag,那就是<$mt:EntryPermalink$> ,于是我新建了一个名为 Share This Entry 的 Wedgets,填入代码后发布,效果还不错。
随便看了几页之后发现,主页没有分享按钮,归档页面却显示为 Share This Entry ,然后又改。最后放弃使用 <$mt:EntryPermalink$> ,改用 this.location.href 获取当前页面链接,再添加几个 MT:If 就全部搞定了。这样一来这段代码就变成“万能”的了:
<a href="javascript:window.open('http://v.t.qq.com/share/share.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent('this.location.href ')+'&jumpback=2&noui=1','favit','width=700,height=546,left=50,top=50,toolbar=no, menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)"><img title="转发到腾讯微博" alt="腾讯微博" src="/pub/sns/share/images/t-qq-com/t-ico.png" width="16" height="16" /></a>
上面的代码可以直接插入到任一页面。
最后写上我在MovableType上的一键分享代码:
<div class="share-this widget"> <h3 class="widget-header"> <mt:If name="entry_template"> Share This Entry <mt:Else> <mt:If name="archive_template"> Share this Archive </mt:If> </mt:If> <mt:If name="main_index"> Share This Blog </mt:If></h3> <div class="widget-content"> <ul> <li><a href="javascript:window.open('http://v.t.qq.com/share/share.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(this.location.href )+'&jumpback=2&noui=1','favit','width=700,height=546,left=50,top=50,toolbar=no, menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)"><img title="转发到腾讯微博" alt="腾讯微博" src="http://v.t.qq.com/share/images/ico.png" width="16" height="16" /></a></li> </ul> </div> </div>
如果你还是不清楚怎么使用Movable Type的Wedgets,可以参考这篇文章。
本文结束。
我这一天的访问量掰手指头都能数过来,也不知道为啥自从换了这个IP之后,垃圾评论和ping每日成百条,我都无语了。