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

 

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

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

 

 

目前HemiDemi推出兩款推文按鈕的造型,整體看起來都滿漂亮的,按鈕中有收藏數、推文按鈕、收藏按鈕、討論篇數與黑米書籤的說明頁面等部份,一種是長方形的,一種橫條型的,兩種都不錯看,都可以任意取用。

「推文按鈕」樣式:

 

1-2 1-1

 

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

 

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」檔案上按一下滑鼠右鍵,並使用記事本或其他你慣用的純文字編輯器開啟該檔案。

1-3

 

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

1-4

 

第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>

1-5

 

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

1-6

 

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

 

(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
→ 免費訂閱最新文章:  (如何訂閱?)
本文作者:不來恩 | 發表時間:2007/06/02 | 分類: WordPress 網站架設 | Trackback 引用網址     
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

 

關於本主題有 9 個留言:

  1. 訪客 說道:

    謝謝狂人的用心,但我有一個小小的問題…..
    目前我使用wrodpress2.7rc1版本

    HEMiDEMi_Bookmark_Button_URL = ";
    HEMiDEMi_Bookmark_Button_Title = ";

    程式碼如上,但按下黑米收藏按鈕時,小按鈕會卻不會自動抓取標題,是否哪出了問題??

  2. [...] 加入黑米推文/收藏按鈕於部落格上 : 這個服務我沒在黑米上面看到,或許這是第三方開發的服務。如果可以的話,應該要將這個服務收錄在工具內部,因為並不是每一個人都會想我一樣在網路上面搜尋黑米的服務。(感謝不來恩的介紹:)) [...]

  3. michelle 說道:

    可是….可以加入到天空部落格嗎?要怎麼加呢?天空是css的….

  4. 不來恩 說道:

    1. 參考這篇:http://briian.com/?p=762
    2.請貼到純文字,不要貼到WORD。

  5. V怪客 說道:

    謝謝狂人,不過怎樣才能有你的文章底下的那整排加入書籤的語法呢?
    別人給我的語法是否不能先存在Doc檔?不然會被Doc檔的語法干擾呢?

    謝謝

  6. 不來恩 說道:

    兩個推文鈕一起擺的話會有個問題,網友會不知道現在是在幹嘛…. 最好是推推王或黑米其中一個趕快變很大很大,這樣就選那一個就好…這樣推起來才會很有成就感~呵~~~

  7. CoolPeter 說道:

    哈哈…
    我是走蕭敬騰路線 ^^"
    不過,不來恩這邊持續有教學文啊~ 還是文字型啦~

    對了~Funp推推王也有推文鈕喔~但是總覺得這兩個推文鈕很難同時擺在一起 @@"

  8. 不來恩 說道:

    文字型的高人氣部落格…

    我打算走楊宗緯路線… 已經開始在錄「新不了情」跟「聽說愛情回來過」了… 呵呵…..

  9. CoolPeter 說道:

    自從不來恩離開部落格觀察的流量統計後,排行榜上就少了一個文字型的高人氣部落格啦~ 回來啦回來啦~ ^^"

歡迎留下您的想法或意見...

暱稱:     部落格:

信箱:

(為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

 

 ▇ 討論區最新文章

 

 ▇ 產業科技新知

 

 ▇ 其他文章

 

 

【重灌狂人】全部文章分類:

  防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
下載、P2P YouTube Google
Firefox瀏覽器 Opera瀏覽器 Blog
好用軟體 好站推薦  
     
  Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
其他作業系統    
     
  Office文書處理 檔案管理 郵件收發
影音播放 影音剪輯 秀圖、圖片編修
網路瀏覽 網頁編修、網站架設 WordPress 網站架設
     
  硬體3C資訊 手機流行通訊 廠商新聞稿
【超級星光大道】 熱門話題 好玩
七嘴八舌 貼圖、影片分享