2010年6月21日 星期一

優化標題和新增FaceBook讚按鈕、分享按鈕

優化標題:
<b:if cond='data:blog.pageType == "item"'> <title> <data:blog.pageName/> - <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> </title> </b:if>

這樣做會把「部落格名稱: 文章標題」這樣的排列方式改成「文章標題 - 部落格名稱」,而 - 可以改成: 或是@。

而FaceBook的分享按鈕:

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' name='fb_share' type='button_count'>分享</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

可以將上述語法裡的「分享」改成其他任何你喜歡的文字,例如「推文」、「Share」...等。我是改成「分享本文給您的朋友」。

FaceBook的讚按鈕:

<script>
document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:65px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>


要安裝分享按鈕和讚按鈕,請先在Blogger的HTML修改模式下,記得要展開小裝置範本,然後找出<data:post.body/>的字串。這時候要抉擇一下,如果想把讚放在文章最上面的,就把讚按鈕的程式碼放在<data:post.body/>的前面,要把分享按鈕放下面的,就把分享按鈕放在<data:post.body>的下面。如果相反的話就自己反過來,或是不想放讚的,可以上下都放分享也可以。

分享的話,會把這個資訊放在按按鈕的網友動態牆和好友的動態牆,所以分享效果會比較好,而讚的話則則除非到該網友的個人動態牆,而比較沒有透過社群分享的擴散效應。

我自己的決定是把讚放在文章上面(標題下面),因為看到文章標題有興趣的人會先按讚,然後文章看完之後很讚賞想分享的話,就可以在文章結尾看到分享按鈕。像是這樣:


而整個程式碼變成:

<script>
document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=dark&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden;; margin: 12px 0px 12px 0px; width:100%; height:36px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>

      <data:post.body/>

<div style='float: left; text-align: left; width:100%; margin: 20px 0px 0px 0px;'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' name='fb_share' type='button_count'>分享本文給您的朋友</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>


其中包括調整左右和上下的部份,大家就自己處理囉!

沒有留言:

張貼留言