/* syntax highlight */ /* end of syntax highlight */

2010年4月18日 星期日

在 blogger 裡加入 funP 貼紙 (也可加入 plurk 貼紙)

Bookmark and Share

研究了一下該如何在自己的 blog 放上推推王貼紙,順便寫成文章貼出來

只要在 blogger 完成以下步驟,以後有新文章就會自動放一個貼紙在上面

步驟如下

(1) 請按右上方的 「自訂」按鈕

image

 

(2) 請按修改 HTML

image

 

(3)記得勾選「展開小裝置範本」以讓進階的功能可以更改

image

 

(4) 請使用搜索 (ctrl + F) 找以下字串

</head> 並在上方加上

<script language='JavaScript' src='http://funp.com/js/funp_button.js'>
</script>

image

這句話的意思是讓你的 blog 以後可以引用 funp_button.js 這個網路上的 javascript

 

(5)下一步驟就是到你的發表文章樣板那邊自動引用這個 javascript ,請使用搜索 (ctrl + F) 找以下字串

<data:post.body/> 這句話的意思是找到你每次po文章都會引用的樣版

並在下方加入以下語法

<div style='float:left; margin-left:10px;'>
<script>funp_genButton(&quot;<data:post.url/>&quot;);</script>
</div>

上面這句話的意思是

<i> float :left 指你的貼紙要靠版面的哪邊,看是 left 或 right 皆可

<ii> margin-left:10px; 的意思是你的貼紙的左邊間距要設定多少

 

可參考我設定完的樣子

image

 

note:如果加入以下語法,也可以在旁邊加上 plurk 貼紙

<div style='float:left; margin-right:10px; margin-top:10px;'> 
<a expr:href='&quot;http://www.plurk.com/?qualifier=shares;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;' target='_blank' title='推文至plurk'><img src='http://farm5.static.flickr.com/4055/4425957761_00322e68c5_o.png' style='border:0; weight:16px; height:16px;'/></a>
</div>

 

(6) 請按下儲存範本

 

(7) 應該可以發現你的每篇文章最後都會有

image

 

(8) 接下來設定此篇的推推王貼紙設定,把資訊先填下以下

image

 

(9) 最後發表後,快回去看你的文章,順利的話應該會有你自己的推文了,就像下面那張圖一樣

image

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...