BLOGGER新增推文按鈕

人瀏覽

修改HTML->展開小裝置範本

2011/08/03修改：雙斜線問題已經不用管他了，配合這個問題，以下按鈕程式碼也依照玄音小站修正過~

首先先解決PLURK雙斜線的問題：
找到

]]></b:skin>

在下方加入

<script>
function toPlurk(title,link) {
var link=link.replace(&#39;http:&#39;,&#39;http:%2f%2f&#39;);
window.open(&#39;http://www.plurk.com/?status=&#39; + link +&#39; &#39; + &#39;(&#39; + title + &#39;)&#39;);
}
</script>

再來要加入按鈕囉：
找到

<data:post.body/>

如果想要在文章上方出現按鈕就在上方加入程式碼，要在下方就在下方貼上~

<div style='float:right;'>
<a expr:href='&quot;http://www.plurk.com/?qualifier=shares&amp;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;' target='_blank' title='推文至噗浪'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWz-xgCv1Wutv1q55ZbxCBY9QISJlkhgzq7XuNTSdxkrQ212XEvC4AYEimcTD9OAGsBCKZslArJmBXwcws6r394lah8lzD0px3MJYuvLpEb0Its61guhPVeFDLKoGS2l5PfiRmpknhT28/s128/plurk2.png'/></a>

<a expr:href='&quot;http://twitter.com/?qualifier=shares&amp;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;' target='_blank' title='推文至Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaRCdzvmOAAGuPwjMZKZgqzh5kUat2WRsBzXgPdnJ146f1_41Uc5KKm4L9UaalCghxA_w7c_Imv9e0LLE3PP66GlZ4i0n89s7KnzjenU5IAZAH6Z0g-MNh1VFgim58K8OD_dOfdXSz4iU/s128/twitter2.png'/></a>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='分享至 Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyhcIT1QuyZgLhrAO5SLcqP1GN02ftGGhkggtimIgS50xtT3tioOi394NP5TWgcnkk42WiP1xv6pT0EuMi3f1yiTYzDvhZJ_DQhYN-tyexsW5qEhGNhmQIAti8UhZX145nlYmH42SRm4w/s128/facebook2.png'/></a></div>

最後要用下面的程式碼把內容包起來，這樣按鈕才會在首頁隱藏，進入文章之後才顯示

<b:if cond='data:blog.url != data:blog.homepageUrl'>
</b:if> 

存檔之後就完成啦！