如何在WordPress每篇文章中，加上HEMiDEMi的「推文按鈕」？

台灣共享書籤社群網站的龍頭HEMiDEMi（黑米）在不久前終於推出了部落格「推文按鈕」的功能，讓我們可以將推文、收文等功能，附掛在自己的BLOG文章中，方便瀏覽網站的人可以直接針對該篇文章進行推薦與收藏等動作。以下簡單介紹一下如何在WordPress網站的單篇文章頁面中，加入黑米推文的按鈕。

目前HemiDemi推出兩款推文按鈕的造型，整體看起來都滿漂亮的，按鈕中有收藏數、推文按鈕、收藏按鈕、討論篇數與黑米書籤的說明頁面等部份，，

「推文按鈕」樣式：

一、在網站上放黑米推文按鈕的好處：

1.給網友一個發洩支持慾望的工具。（還好沒有埋的按鈕…抖~~）
2.增加自己網站在黑米的推文數與曝光度。
3.增加黑米網站本身的曝光度與會員數…

基本上，如果黑米網站的流量夠大、人氣夠大的話，放這個工具對於自己的網站或BLOG來說，會很有幫助，引來的流量與網友的關注會比單純的收藏按鈕好很多。此外，當推文按鈕中的「數字」越大的話，該篇文章可能對黑米的使用者來說，顯得比較重要或受歡迎，當然也有助於經營部落格的人了解該篇文章的各種反應與回饋。

當然，現在的問題還是黑米的會員數還是不夠大，使用者階層還是不夠廣，所以某篇文章的整體推文效果看起來還是會有點侷限。不過這也沒關係，如果願意使用推文按鈕的人更多，把這個黑米大餅做更大，到時後文章被推上天的時候，也許真的會有「黑米效應」產生也說不定，只是到時候要準備更強大的主機與頻寬，來應付黑米效應操爆主機的那一擊！呵～

不過也許哪天台灣Yahoo!奇摩終於想通時，也把他們的書籤網站做得很黑米的話，也跟著推出這種推文按鈕的話，那我一定馬上又轉檯過去了，因為Yahoo效應顯得更大點吧？而且會員數比較多，推起來更方便。曾經看部落格觀察中的一些「爆量」文章，竟然有那種單篇文章一天10萬人次點擊的驚人數字，也許就是被放到Yahoo!部落格首頁去的文章吧，一篇文章一天有10萬人看過，真是驚人的數字呀！台灣的「民間」部落格天后彎彎，一篇文章一天頂多也才兩萬多的點擊數，如果彎彎的部落格是放在Yahoo!奇摩，那這個數字應該會更驚人些吧？（對了，彎彎是平民天后，至於吳尊、蔡依林那些就不算平民了，藝人明星一向都會有很誇張的點閱數）

二、「黑米推文按鈕」的語法：

以下介紹一下如何將黑米推文按鈕放到WordPress網站的單篇文章版面中，其他BSP的方法也有很多人寫了，請在參考下面的網址。嵌入到WordPress中的語法：

長方型：

<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>

橫條型：

<script type="text/javascript">
HEMiDEMi_Bookmark_Button_Style = ‘button1’;
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>

一般來說，選擇哪一種樣式都可以，另外葛力也提供了調整各種變數的方法，喜歡自己調整的，可以按照下面範例稍稍改一下。範例如下：

<script type="text/javascript">
HEMiDEMi_Bookmark_Button_URL = ‘http:/www.hemidemi.com’;
HEMiDEMi_Bookmark_Button_Title = ‘HEMiDEMi’;
HEMiDEMi_Bookmark_Button_Style = ‘button1’;
HEMiDEMi_Bookmark_Button_BGColor = ‘white’;
HEMiDEMi_Bookmark_Button_Width = 50;
HEMiDEMi_Bookmark_Button_Height = 92;
</script>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>

範例說明：

HEMiDEMi_Bookmark_Button_URL => 小按鈕會自動抓取網址，但是您也可以自行指定。
HEMiDEMi_Bookmark_Button_Title => 小按鈕會自動抓取標題，但是您也可以自行指定。
HEMiDEMi_Bookmark_Button_Style => 目前支援 ‘button’ 和 ‘button1′ 兩種
HEMiDEMi_Bookmark_Button_BGColor => 背景顏色，例如：’white’ ‘#99cc00′
HEMiDEMi_Bookmark_Button_Width => 按鈕組寬度，例如： 100
HEMiDEMi_Bookmark_Button_Height => 按鈕組高度，例如：50

三、將「黑米推文按鈕」加入WordPress的方法：

下面的方法適用於WordPress常見的佈景主題樣式，如果你想把推文按鈕放在單篇文章的頁面中，那就是修改「\wp-content\themes\default」資料夾中的「single.php」檔案即可。路徑中的「default」是預設的佈景主題，如果你的佈景主題名稱不同，請切換到目前你正在使用的佈景主題名稱去。

另外，如果你也想把推文按鈕放到首頁每篇文章的頁面中，那就得修改「index.php」這個檔案，不過還是建議放在「single.php」版面中，這樣看起來比較不會太亂，也比較有整體性。

第1步  首先開啟「\wp-content\themes\default」資料夾，在「single.php」檔案上按一下滑鼠右鍵，並使用記事本或其他你慣用的純文字編輯器開啟該檔案。

第2步  接著搜尋「<div class=”entry”>」這幾個字，「<div class=”entry”>」下方便是單篇文章的內文，「<?php the_content…」這邊是內文的文字內容，上面的「<h2><a href=”<?php echo get_permalink() ?>」則是該篇文章的標題。

第3步  依照個人的需求與喜好，我們可以將黑米推文按鈕放在標題與內文的中間，並透過「style=’float:left;’」等語法，將這個推文按鈕以文繞圖的方式靠左邊放，這樣看起來就很像那種Digg網站的推文樣式，看起來很有鼓勵人去推的感覺。

程式碼：

<script type="text/javascript">
HEMiDEMi_Bookmark_Button_URL = ‘<?php the_permalink() ?>’;
HEMiDEMi_Bookmark_Button_Title = ‘<?php the_title(); ?>’;
</script>

<div style=’float:left;margin:0;padding:0;’>
<script src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
type="text/javascript"></script>
</div>

第4步  如圖，將程式碼放上去之後，我們就可以看到文章左上角出現了一個推文的按鈕囉，看起來還挺不賴的。只是，要推文時還是得加入黑米會員並登入HemiDemi網站，萬一很多使用者沒用過或搞不懂的話，還是得花時間跟不熟悉的人解釋，這也是沒辦法的事。

不過有另外一點要考慮的，因為這個JavaScript是連到HemiDemi網站中的「hemidemi_bookmark_button.js」檔案去，我猜黑米應該、也許、大概、可能不會像之前那個BloggerAds（或部落格觀察）一樣，「自動」把網站的全部流量訊息露出的這麼完整，連哪篇文章多少人點閱的資訊都有。不過黑米應該也沒必要做這事情，只是如果你的是商業網站，在放類似BloggerAds的程式碼時，就得多一層考量囉。因為流量完整被揭露出來的話，不利於幫自己的網站流量灌水個幾倍拿去呼嚨廣告主或合作廠商，所以…。不知道這JS檔能不能放在自己的網站用呀？這我也不懂…還是得由專業的來。