2011-01-14

Blogger + facebook「讚」按鈕

重要: 修改 Template前請先備份存檔

修改步驟 版面配置 (Template) → 修改 HTML (Edit HTML) → 把 展開小裝置範本 (Expand Widget Template) 打勾 來編輯範本的完整 HTML

將按鈕的程式碼加入你想要的位置 (任選其一)

a. 將按鈕置於文章標題前:
在 < h3 class='post-title'> 代碼前加入以下代碼:

    <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:80px&quot;&gt;&lt;/iframe&gt;&#39;);
    </script>


b. 將按鈕置於文章內容前或後:
在 <p><data:post.body/></p> 代碼前或後加入以下代碼:
<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:80px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>


其他部落格程式碼請參考官網說明: Like Button - Facebook

動態背景圖swf


 <embed align='center' height='100%' quality='high' src='http://imgfree.21cn.com/free/flash/17.swf' style='position: absolute; left:0; top:0' width='100%' wmode='transparent'/>

 請點網址欣賞

 http://imgfree.21cn.com/free/flash/2.swf 淺綠色背景亮色豎條
 http://imgfree.21cn.com/free/flash/1.swf 紅色背景白色小流星 
 http://imgfree.21cn.com/free/flash/3.swf 光球光芒時隱時現 
 http://imgfree.21cn.com/free/flash/4.swf 米字星光 
 http://imgfree.21cn.com/free/flash/5.swf 灰色背景米字星光
 http://imgfree.21cn.com/free/flash/6.swf 灰藍背景飄落雨滴 
 http://imgfree.21cn.com/free/flash/7.swf 黃色背景飛星閃閃 
 http://imgfree.21cn.com/free/flash/8.swf 青蛙 
 http://imgfree.21cn.com/free/flash/9.swf 藍色蝴蝶 
 http://imgfree.21cn.com/free/flash/10.swf 豎條箭頭 
 http://imgfree.21cn.com/free/flash/11.swf 寬窄豎條 
 http://imgfree.21cn.com/free/flash/12.swf 左右晃動的豎條(寬、窄) 
 http://imgfree.21cn.com/free/flash/13.swf 黑色背景旋轉輪盤 
 http://imgfree.21cn.com/free/flash/14.swf 蝌蚪旋轉、隨滑鼠的白色光團 
 http://imgfree.21cn.com/free/flash/15.swf 黑色背景綠色飄帶幻影 
 http://imgfree.21cn.com/free/flash/16.swf 黑色背景飛星閃閃 
 http://imgfree.21cn.com/free/flash/17.swf 金魚 
 http://imgfree.21cn.com/free/flash/18.swf 藍色背景水準飛鏢 
 http://imgfree.21cn.com/free/flash/19.swf 左右晃動的豎條 
 http://imgfree.21cn.com/free/flash/20.swf 黑色背景水準閃動的橫條 
 http://imgfree.21cn.com/free/flash/21.swf 黑色背景光暈 
 http://imgfree.21cn.com/free/flash/22.swf 光圈由小變大 
 http://imgfree.21cn.com/free/flash/23.swf 藍色背景雪花飄飄 
 http://imgfree.21cn.com/free/flash/24.swf 左右閃動的豎條 
 http://imgfree.21cn.com/free/flash/25.swf 三隻黑螞蟻 
 http://imgfree.21cn.com/free/flash/26.swf 左右晃動的黃、綠、藍豎線 
 http://imgfree.21cn.com/free/flash/27.swf 無色背景水珠 
 http://imgfree.21cn.com/free/flash/28.swf 黑色背景豎條 
 http://imgfree.21cn.com/free/flash/29.swf 圓圈內海浪波動 
 http://imgfree.21cn.com/free/flash/30.swf 黑色背景藍色夢幻 
 http://imgfree.21cn.com/free/flash/30.swf 黑色背景藍色夢幻 
 http://imgfree.21cn.com/free/flash/31.swf 黑色背景無數小亮點飄落 
 http://imgfree.21cn.com/free/flash/32.swf 長髮女孩 
 http://imgfree.21cn.com/free/flash/33.swf 粉黃色5瓣花飄飄 
 http://imgfree.21cn.com/free/flash/34.swf 
 http://imgfree.21cn.com/free/flash/35.swf 小星、大星光暈夢幻 
 http://imgfree.21cn.com/free/flash/35.swf 紫色唇印升騰 
 http://imgfree.21cn.com/free/flash/36.swf 上下閃動的橫條 
 http://imgfree.21cn.com/free/flash/37.swf 綠色、黃色的樹葉飛舞 
 http://imgfree.21cn.com/free/flash/38.swf 流星飛降 
 http://imgfree.21cn.com/free/flash/39.swf 小+字旋轉大光圈 
 http://imgfree.21cn.com/free/flash/40.swf 大、小八瓣雪花飄落
 http://imgfree.21cn.com/free/flash/41.swf 紫色背景大、小八瓣雪花飄落 
 http://imgfree.21cn.com/free/flash/42.swf 空中飄動的黃球 
 http://imgfree.21cn.com/free/flash/43.swf 
 http://imgfree.21cn.com/free/flash/44.swf 
 http://imgfree.21cn.com/free/flash/45.swf 兩隻黃色的蝴蝶在左上角飛舞 
 http://imgfree.21cn.com/free/flash/46.swf 一片淺粉色的雲團 
 http://imgfree.21cn.com/free/flash/47.swf 箭頭左右穿梭 
 http://imgfree.21cn.com/free/flash/48.swf 一個光球從右上方慢慢飛入 
 http://imgfree.21cn.com/free/flash/49.swf 飄落的淺粉色花瓣 
 http://imgfree.21cn.com/free/flash/50.swf 晃動的文字“sweet kiss day”
 http://imgfree.21cn.com/free/flash/51.swf 三隻飛舞的蜻蜓、閃閃的星光 
 http://imgfree.21cn.com/free/flash/52.swf 黑色背景飄落的紅葉 
 http://imgfree.21cn.com/free/flash/53.swf 雪糕降落 
 http://imgfree.21cn.com/free/flash/54.swf 綠色的心和I love you垂直降落
 http://imgfree.21cn.com/free/flash/55.swf 兩隻跳躍的青蛙 
 http://imgfree.21cn.com/free/flash/56.swf 六邊形、降落的豎條 
 http://imgfree.21cn.com/free/flash/57.swf 燕魚和水泡 
 http://imgfree.21cn.com/free/flash/58.swf 光暈、光圈 
 http://imgfree.21cn.com/free/flash/59.swf 藍色背景飛翔的海鷗 
 http://imgfree.21cn.com/free/flash/60.swf 黑色背景降落的螢火蟲 
 http://imgfree.21cn.com/free/flash/61.swf 飛騰的紅心 
 http://imgfree.21cn.com/free/flash/62.swf 五彩禮花燃放 
 http://imgfree.21cn.com/free/flash/63.swf 黃色的四瓣花飄落 
 http://imgfree.21cn.com/free/flash/64.swf 淺藍色的雪花在空中,小雪花降落 
 http://imgfree.21cn.com/free/flash/65.swf 飄落的空心小蘭圈 
 http://imgfree.21cn.com/free/flash/66.swf 一隻手的圖形 
 http://imgfree.21cn.com/free/flash/67.swf 由遠而近飛來的流星 
 http://imgfree.21cn.com/free/flash/68.swf 黑色背景飄落的雪花 
 http://imgfree.21cn.com/free/flash/69.swf 七彩光光芒四射(全屏) 
 http://imgfree.21cn.com/free/flash/70.swf 七彩光光芒四射(全屏) 
 http://imgfree.21cn.com/free/flash/71.swf 閃動的小豎條 
 http://imgfree.21cn.com/free/flash/72.swf 一隻和平鴿展翅飛舞 
 http://imgfree.21cn.com/free/flash/73.swf 藍色背景藍色氣泡慢慢升空 
 http://imgfree.21cn.com/free/flash/74.swf 白色背景淺藍色的氣泡慢慢升空
 http://imgfree.21cn.com/free/flash/75.swf 跟隨滑鼠遊動的七彩光圈 
 http://imgfree.21cn.com/free/flash/76.swf 線條變形
 http://imgfree.21cn.com/free/flash/77.swf 藍色旋轉 
 http://imgfree.21cn.com/free/flash/78.swf 跟隨滑鼠旋轉的數位時鐘 
 http://imgfree.21cn.com/free/flash/79.swf 滑鼠滑過方塊圖形變換 
 http://imgfree.21cn.com/free/flash/80.swf 跟隨滑鼠的“歡迎下載”及七彩星
 http://imgfree.21cn.com/free/flash/81.swf 跟隨滑鼠的火苗 
 http://imgfree.21cn.com/free/flash/82.swf 雪花旋舞 
 http://imgfree.21cn.com/free/flash/83.swf 藍色背景藍色氣泡升騰 
 http://imgfree.21cn.com/free/flash/84.swf 閃動的白色圓圈 
 http://imgfree.21cn.com/free/flash/85.swf 淺藍色的紙片旋入
 http://imgfree.21cn.com/free/flash/86.swf 綠色的指針旋轉 
 http://imgfree.21cn.com/free/flash/87.swf 跟隨滑鼠移動的黃色小球 
 http://imgfree.21cn.com/free/flash/88.swf 七彩禮花開放
 http://imgfree.21cn.com/free/flash/89.swf 金光閃閃(中間到四周 
 http://imgfree.21cn.com/free/flash/90.swf 立方體折疊
 http://imgfree.21cn.com/free/flash/91.swf 淺藍色的紙片旋入 
 http://imgfree.21cn.com/free/flash/92.swf 飄舞的七彩絲線 
 http://imgfree.21cn.com/free/flash/93.swf 閃電效果
 http://imgfree.21cn.com/free/flash/94.swf 扇形旋轉七彩光圈 
 http://imgfree.21cn.com/free/flash/95.swf 七彩光8字形旋轉 
 http://imgfree.21cn.com/free/flash/96.swf 小球和旋鈕、光暈 
 http://imgfree.21cn.com/free/flash/97.swf 旋轉的花瓣、蝴蝶隨滑鼠飛舞 
 http://imgfree.21cn.com/free/flash/98.swf 飛旋的七彩光
 http://imgfree.21cn.com/free/flash/99.swf 白色旋轉的花瓣變形 
 http://imgfree.21cn.com/free/flash/100.swf 藍寶石七彩閃光 
 http://imgfree.21cn.com/free/flash/101.swf 黃色4瓣花飄落 
 http://imgfree.21cn.com/free/flash/102.swf 藍色的球從頁面左側飛入
 http://imgfree.21cn.com/free/flash/103.swf 從空中滴落的一個大雨滴 
 http://imgfree.21cn.com/free/flash/104.swf 左右飛入兩個箭頭、3個圓圈旋轉 
 http://imgfree.21cn.com/free/flash/105.swf 由中心向外擴展的閃電光圈 
 http://imgfree.21cn.com/free/flash/106.swf 從下向上飛入的箭頭,閃光 
 http://imgfree.21cn.com/free/flash/107.swf 一隻大眼睛黃色蝴蝶 
 http://imgfree.21cn.com/free/flash/108.swf 旋舞的3個半透明圓圈 
 http://imgfree.21cn.com/free/flash/109.swf 從左至右的箭頭 
 http://imgfree.21cn.com/free/flash/110.swf 從右向左的粉紅色箭頭
 http://imgfree.21cn.com/free/flash/111.swf 左、右飛入的透明箭頭
 http://imgfree.21cn.com/free/flash/112.swf 右下方向左上方的箭頭 
 http://imgfree.21cn.com/free/flash/113.swf 粉紅色的花瓣飄落 
 http://imgfree.21cn.com/free/flash/114.swf 粉紅色的大箭頭 
 http://imgfree.21cn.com/free/flash/115.swf 跟隨滑鼠遊動的淺藍色的魚
 http://imgfree.21cn.com/free/flash/116.swf 閃動的橫條 
 http://imgfree.21cn.com/free/flash/117.swf 白色光圈和飄舞的絲帶* 
 http://imgfree.21cn.com/free/flash/118.swf 
 http://imgfree.21cn.com/free/flash/119.swf 旋轉的風車和黃色光圈 
 http://imgfree.21cn.com/free/flash/120.swf 旋轉夢幻
 http://imgfree.21cn.com/free/flash/121.swf 飄落的白蝴蝶
 http://imgfree.21cn.com/free/flash/122.swf 上下飛動的綠色小橫條 
 http://imgfree.21cn.com/free/flash/123.swf 透明的氣泡升騰 
 http://imgfree.21cn.com/free/flash/124.swf 閃動的白色大光圈 
 http://imgfree.21cn.com/free/flash/125.swf 閃動的白色圓圈 
 http://imgfree.21cn.com/free/flash/126.swf 旋轉的大立方體 
 http://imgfree.21cn.com/free/flash/127.swf 圓圈、箭頭 
 http://imgfree.21cn.com/free/flash/128.swf 黑色的人影 
 http://imgfree.21cn.com/free/flash/129.swf 下雨了 
 http://imgfree.21cn.com/free/flash/130.swf 滑鼠滑過,雪花飄飄 
 http://imgfree.21cn.com/free/flash/131.swf 綠色的楓葉飄落 
 http://imgfree.21cn.com/free/flash/132.swf 滑鼠滑過、圓球線條變形 
 http://imgfree.21cn.com/free/flash/133.swf 按折線飛入的一個小蝌蚪流星 
 http://imgfree.21cn.com/free/flash/134.swf 一個橘黃色的小球在空中飛舞
 http://imgfree.21cn.com/free/flash/135.swf 旋轉的閃亮蝌蚪符號 
 http://imgfree.21cn.com/free/flash/136.swf 很多旋轉的紅色4角星 
 http://imgfree.21cn.com/free/flash/137.swf 水準移動的風 
 http://imgfree.21cn.com/free/flash/138.swf 螢火蟲