Movable Type 一键分享到...

|Font Size: | 6 Comments | Previous

  呃....由于某些原因,真的很久没有更新了,很对不住关注我的那些朋友们。半夜闲逛-___-!! 看到自力博客的一篇名为 为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,可以参考这篇文章。

本文结束。

6 Comments

放在侧面感觉怪怪的,还是放在文章下方比较习惯
对了,转载到我的论坛里.嘻嘻嘻
干嘛这么麻烦啊,现在有插件了。。。 我去,你的验证码也太强了吧。至于么。。。
-_-!!!呃 是喜欢自己动手丰衣足食是么?! 我发现这个回复评论太强大了,竟然用“ぬ噜噜噜噜ゅ replied to comment from 习惯 ”这样的文字来显示,不仔细看都不知道你在回复谁。。。 你这个不是WP呀,这个程序好玩么? 还有你这个让我无比纠结的验证码,每次输入都失败几次。

Leave a comment