顯示具有 網頁技術 標籤的文章。 顯示所有文章
顯示具有 網頁技術 標籤的文章。 顯示所有文章

2010年10月1日 星期五

更改Blogger推文按鈕位置

在Blogger更改推文按鈕的位置,方法如下,藍色的部份是原本Blogger程式裡頭就有的,只需要找到這些地方,然後依照黃色程式指示,填入推文按鈕的程式碼就可以了。

1. 文章標題右方
  • <h3 class='post-title entry-title'>
  • <div style='float:right; margin-left:10px;'>
  • 推文按鈕程式碼
  • </div>
2. 文章內容右方
  • <div style='float:right; margin-left:10px;'>
  • 推文按鈕程式碼
  • </div>
  • <p><data:post.body/><p>
3. 文章意見右方
  • <p class='post-footer-line post-footer-line-1'p>
  • <div style='float:right; margin-left:10px;'>
  • 推文按鈕程式碼
  • </div>
另外,如果要把按鈕放在左邊,只需要把上面的float:right改成float:left,以及margin-left改成margin-right即可。

2010年9月30日 星期四

在 Blogger 每篇文章上使用 Facebook 分享按鈕

在Blogger上使用Facebook分享按鈕的方法如下 :

首先進入範本 → 版面配置 → 修改 HTML → 勾選「展開小裝置範本」,然後依照下面的步驟修改:
1. 找到底下這一行:

<p><data:post.body/><p>

2. 在這之上加入下面這段程式碼就行了,這是將Facebook分享按鈕置於文章內容右方。

<a name="fb_share" type="box_count"href="http://www.facebook.com/sharer.php">share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

至於按鈕格式可以參考Facebook上的說明,將 type="box_count",裡面的box_count換掉就可以了,至於位置的擺放方式,可以參考"更改Blogger推文按鈕位置"這篇。

在Blogger嵌入Facebook的讚(Like)按鈕

登入Blogger的控制台後,進入「版面配置」的「修改HTML」,勾選「展開小裝置範本」,然後找到下面這一行:

<b:includable id='post' var='post'>

在此行的下面,貼上下列語法,然後儲存範本即可。

<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>


上述的作法是將「讚」的按鈕放在文章標題之前,如果想將按鈕放在文章的後面,則請將上面的語法改放在<data:post.body>之後就可以了。