優化標題:
<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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + 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('<iframe src="http://www.facebook.com/plugins/like.php?href=<data:post.url/>&layout=standard&show_faces=true&width=450&action=like&font=verdana&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:65px"></iframe>');
</script>
要安裝分享按鈕和讚按鈕,請先在Blogger的HTML修改模式下,記得要展開小裝置範本,然後找出<data:post.body/>的字串。這時候要抉擇一下,如果想把讚放在文章最上面的,就把讚按鈕的程式碼放在<data:post.body/>的前面,要把分享按鈕放下面的,就把分享按鈕放在<data:post.body>的下面。如果相反的話就自己反過來,或是不想放讚的,可以上下都放分享也可以。
分享的話,會把這個資訊放在按按鈕的網友動態牆和好友的動態牆,所以分享效果會比較好,而讚的話則則除非到該網友的個人動態牆,而比較沒有透過社群分享的擴散效應。
我自己的決定是把讚放在文章上面(標題下面),因為看到文章標題有興趣的人會先按讚,然後文章看完之後很讚賞想分享的話,就可以在文章結尾看到分享按鈕。像是這樣:
而整個程式碼變成:
<script>
document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=<data:post.url/>&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden;; margin: 12px 0px 12px 0px; width:100%; height:36px"></iframe>');
</script>
<data:post.body/>
<div style='float: left; text-align: left; width:100%; margin: 20px 0px 0px 0px;'><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + 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>
其中包括調整左右和上下的部份,大家就自己處理囉!
2010年6月21日 星期一
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言