當然,我知道Blogger 也有提供Facebook Share 按鈕,不過,我喜歡搞比較不一樣的,如下圖示範:
1.首先,按右上角《設計》進入《版面配置》 《編輯 HTML》
2. 然後,按 Ctrl + F 寻找 <data:post.body/>
3. 把以下的 紅色部分 copy and paste 在 <data:post.body/> 的下面。
<!-- Facebook share button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</b:if>
<!-- Facebook share button End -->
4粗綠色的Box_count 是你的Facebook share 按鈕的種類。你可以把它替換成以下你喜歡的按鈕的code。
2. 然後,按 Ctrl + F 寻找 <data:post.body/>
3. 把以下的 紅色部分 copy and paste 在 <data:post.body/> 的下面。
<!-- Facebook share button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</b:if>
<!-- Facebook share button End -->
4粗綠色的Box_count 是你的Facebook share 按鈕的種類。你可以把它替換成以下你喜歡的按鈕的code。
6. 如果你想要你的按鈕出現在上面,你就把整個code copy and paste 在<data:post.body/> 的上面。
7.Preview 看看有没有。按 save。好啦


沒有留言:
張貼留言