iPlay99玩樂誌

這個功能的作法也蠻簡單的，因為兩個功能的位置、處理方式都差不多，就寫在一起唄。

首先，請先到Blogger範本>>修改html，請先備份及勾選「展開小裝置範本」，不明白的，可以看一下底下這篇文章：

Blogger改造 - 入門介紹＋前置動作 by iPlay99

步驟一：

請將底下 FunP 的程式碼貼在</head>前面(不喜歡我自己加的註解的人，請不必複製第1行，只要複製2、3行即可，cccccode及FunP是為了快速查詢用的)。

<!--=========ccccccode===For FunP================-->
<script language="JavaScript"
src="http://funp.com/tools/js/funp_button.js">

步驟二

請在<p><data:post.body/></p>之前插入以下程式碼。如果找不到的話，請改以<data:post.body/>下去搜尋，如果有多個的話，通常是因為你的範本有附加了其它功能所導致，你可以試著在每個<data:post.body/>前面都加上底下這段程式碼，再下去預覽做修改，並不是件大工程，不用擔心。

像我用羊男Muser的三欄式樣版，它有附加其它功能，就有這種情況

如果想把按鈕放在文章左側，只要更改底下程式碼的 right 為 left 即可，其餘不變。

而要改變兩個按鈕的左右位置，就把兩段程式碼上下調換位置即可。因為黑米比較瘦長，所以我把它放在外側。

註：底下包含了 FunP 及 黑米(HEMiDEMi)兩個按鈕的程式碼，只要將其複製貼上即可，步驟一是給 FunP 做前置動作。

<!--=========ccccccode===For HEMiDEMi============-->
<div style='float:right;margin-left:2px;'>
<script type='text/javascript'>
HEMiDEMi_Bookmark_Button_URL = &#39;<data:post.url/>&#39;;
HEMiDEMi_Bookmark_Button_Title = &#39;<data:post.title/>&#39;;
</script>
<script src='http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js' type='text/javascript'/>
</div>

<!--=========ccccccode===For FunP================-->
<div style='float:right; margin:0px 0px 10px;'>
<script>funp_genButton(&quot;<data:post.url/>&quot;,1);</script>
</div>

以上，收工。

Technorati 的標籤：blogger hack,funp,hemidemi,community