程式設計 遇上 小提琴 » 推文 http://blog.ez2learn.com Victor's個人部落格，關於程式設計與小提琴 Tue, 07 Feb 2012 03:26:25 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 如何放置funp推文按鈕在WordPress的文章右上方 http://blog.ez2learn.com/2008/12/09/how-to-put-funp-button-to-wordpress/ http://blog.ez2learn.com/2008/12/09/how-to-put-funp-button-to-wordpress/#comments Tue, 09 Dec 2008 12:09:51 +0000 victor http://blog.ez2learn.com/?p=382 似乎很多網站都這麼做，把funp推文按鈕放在文章左上角，推文章好像還蠻方便的，我就研究了一下，方法如下

首先來到funp的推文按鈕產生器，接著以

<? php the_permalink() ?>

來產生推文按鈕，選擇"多個推文按鈕"

funp推文按鈕步驟1

funp推文按鈕步驟1

接著把下面放在<head>的程式碼:

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

複製後貼到佈景主題編輯器的header.php的如下圖所示的位置上，完成修改後記得按更新檔案

funp推文按鈕步驟2

funp推文按鈕步驟2

接著把上面欄位裡的程式碼:

<script>funp_genButton(‘<? php the_permalink() ?>’, 1);</script>

貼到如下圖所示在index.php的位置

為了讓它能夠靠右邊，我做了一點修改，在外面加上往右浮動的div，因此你也可以這樣寫，就可以得到靠右對齊的效果

<div style="float: right;"><script>funp_genButton(‘<?php the_permalink() ?>’, 1);</script></div>

修改完成後一樣按更新檔案

funp推文按鈕步驟3

funp推文按鈕步驟3

接著我們再把上面同樣的程式碼貼到single.php如下圖所示的位置上

funp推文按鈕步驟4

funp推文按鈕步驟4

修改完成後一樣按更新檔案，就大工告成了

如果你跟我用一樣的佈景應該不會有什麼問題，如果不是的話，那就得自行找出正確的插入位置囉

]]> http://blog.ez2learn.com/2008/12/09/how-to-put-funp-button-to-wordpress/feed/ 0