跳到主要內容

「教學」黑米小按鈕在 Blogger 上的置放方法

HemiDemi 黑米網摘網站,最近推出了「黑米小按鈕」的功能,這段 javascript 語法可以讓部落格站長將語法寫入到版型或是文章中,這樣假如有人收錄這篇文章在黑米網站上,你的部落就會顯示有多少人收藏你的文章,並有多少人討論你的文章。

這是一種很方便的跨網路社群模式,之前 CK 寫了兩個外掛模組
HEMiDEMi Scriptlet - 誰在背後講我?
HEMiDEMi Scriptlet - 誰收藏本文?
都是類似的工具,CK 寫的還包括了大頭貼的顯示,看起來非常有趣,而黑米自家的則是非常清爽,將收藏和討論的數字一併顯示,大家可以依照需要各取所需。

小梅子的 Blog 架設在 Google 的 Blogger 平台上,它的樣板稍微複雜一點,小梅子想或許也有別人想知道怎麼將黑米小按鈕放在 Blogger 上面,所以有這篇簡易教學。

先看看不同的位置效果。

這是將黑米小按鈕放在每一篇文章的結尾,回應的前面,黑米小按鈕的語法請直接取用,問題是這個要放在 Blogger 板型的哪裡。

要搞懂這個,請先了解目前 Blogger 的板型模式有分新版和舊板兩種,小梅子這邊的教學是針對新版的,假如你還在舊板的 Blogger,請自行先升級到新版,新版的好處多了不少,包括了 Tag 等的使用,會更靈活。

但老實說,新板的要修改板型也更難一些。

在登錄了 Blogger 後台以後,請找到【範本】下的【修改 HTML】的選項。

這裡請注意,這邊有一個【在編輯模版之前,您可以先儲存一份模版。 下載完整模版】的功能,請務必下載一份你現有的板型備份,這樣假如不幸手賤搞砸了,還可以完整回復先前的設計。

然後右方有一個【展開小裝置範本】的選項,請打勾,這樣下方的板型模組碼,才會完整的顯示出來。

接下來的動作要頭腦清晰點 :P

請在這一串板型模組碼中,找到
<b:includable id='comments' var='post'>
這一句,然後將黑米小按鈕的語法放在後面。

整體看起來就會像是這樣:

<b:includable id='comments' var='post'>
<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>


點一下右下角的【儲存範本】,就可以收工看一下顯示的效果如何。

另外一個可以擺放的位置,是在文章回應的下方,再置放黑米小按鈕,這邊順便推薦一下 CK 寫的HEMiDEMi Scriptlet - 誰在背後講我?的黑米外掛語法,這樣就可以同步將黑米上面別人討論你的文章,也直接顯示在同一個頁面下,你就不用到處觀看,深怕哪邊忘了回應。

類似剛剛上面的做法,同樣,我們要在板型模組碼中,找一個叫

<b:if cond='data:blog.pageType == "item"'>
的語法,然後將黑米小按鈕,甚至 CK 寫的誰在背後說我兩組小語法都放在這個後面。

整體看起來就會像是這樣:

<b:if cond='data:blog.pageType == "item"'>
<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 src='http://webdev.yuan.cc/scriptlets/hemidemi_comments.js'>
</script>


這樣你就會得到雙效合一的顯示效果了 :-)

有趣嗎吧,大家一起動手來玩黑米小按鈕吧 ^_^

留言

Unknown寫道…
Dear 小梅子:
請服用 "黑米小按鈕 加強版" 不用大改你的 template.
當然也支援首頁列表下的多文章的多按鈕功能.

http://racklin.blogspot.com/2007/08/blog-post_13.html
小梅子寫道…
to rack lin

行家一出手,便知有沒有啊,謝囉
讀書人寫道…
感謝您~~~我成功了!
謝謝您!
小梅子寫道…
to 讀書人 jameshung

恭喜你,希望你 Blogspot 玩的愉快 :-)
I am 狐狸~寫道…
謝謝你的教學喔~
我也成功了

不過我把你寫的第二個置放位置的黑米書籤語法移掉,因為在我的頁面上它就變成重複了,不太好看

真的謝謝了喔~
小梅子寫道…
to 狐狸兄

恭喜你也來玩黑米,不過加入黑米並不會「幫助你早日把到妹、以及讓教授愛你,論文過關」的喔,這些還是得自己努力啦,哈哈哈哈。
limonadagurl寫道…
不好意思喔...我沒有找到你說的語法ㄝ...你知道爲什麼嗎?
Corrina寫道…
你好...看到了你的教學
也找到了要把黑米放在後面的語法
可是....什麼都沒出現ㄝ
怎麼會這樣呢?
我對電腦真的有障礙
麻煩誰能幫我解答
小梅子寫道…
to corrina

我去看了你的部落
我有看到黑米的按鈕出現哩
Corrina寫道…
真的喔....
不過後來我姊姊幫我又試了很多次
終於成功了
呵呵~~謝謝你喔!!^^
Unknown寫道…
Dear版大:

小弟也有個問題~
我一樣找到位置將語法放入了~
但在blog上還是看不到黑米小標籤~
請問版大知道原因ㄇ?
小梅子寫道…
to 皇后殺手鎮魂曲~

會不會是因為你的版型修改過了,所以導致黑米按鈕出不來?
Unknown寫道…
Dear版大:

我是版型改變後才加入黑米小按鈕的~
但語法加入後還是看不到...= =
是否有需要注意的地方我沒注意到,還是......
匿名表示…
網誌管理員已經移除這則留言。
匿名表示…
網誌管理員已經移除這則留言。
Lawrence寫道…
Dear 小梅子,

看到您的blog,FunP是放在每篇文章的最前面.
所以請問如果要放在每篇文章的最前面,FunP或黑米語法要放在版型那邊呢?? 謝謝.

這個網誌中的熱門文章

新手筆記:Crypto.com Visa Card 註冊與申請使用的心得整理

新手筆記:Crypto.com 卡片註冊與申請使用的心得整理 歡迎還沒註冊的,使用我的推薦,可獲得 25美元 等值的辦理獎勵喔 ^_^ https://crypto.com/app/cd5avydxd9  註冊,你我即可一同獲享 $25 USD XD 以下是我個人整理的 Crypto.com 常見問題,希望對大家有幫助,若有錯誤之處,也請告知,我再調整 :) Q:Crypto.com 的服務適用地區 Q:Crypto.com 幾個服務的關係 Q:目前還在地址審查中,可以升級換卡嗎?(APP中顯示地址為新加坡,可以改台灣嗎?) Q:審查完畢,狀態為「已發出 Issued」,要多久會收到卡片? Q:狀態為「已寄出 Shipped」,要多久會收到卡片? Q: 如何透過台灣信用卡買幣? Q:如何使用 CRO 卡付款? 如何儲值? Q:Netflix 如何綁定 CRO 卡以取得回饋? Q:Spotify 如何綁定 CRO 卡以取得回饋? Q:CRO 卡的刷卡回饋是即時的嗎?哪些行為不會有回饋?哪裏可以看看到? Q:LinePay 如何綁定 CRO 卡? Q:為什麼某些 APP 綁定,或是購物網站無法使用 CRO 卡? Q:目前網友們回報在台灣可以使用的地方有哪些? Q:什麼是 2FA 雙因子認證? Q:取得獎勵金(雙方均可取得 25 美金等值CRO)的資格 Q:在 ATM 提領現金的手續費 Q:如何匯款回台灣等設定銀行帳戶等相關問題(細節之後再補) Q:如何聯繫線上客服 Q:小心詐騙就在你身邊 這幾年區塊鏈與虛擬貨幣的發展,在近年 covid-19 和今年元宇宙 (Metaverse ) 的交互影響下大爆發,我整理一下筆記,提供給有興趣的人參考。首先是關於總部位於新加坡的加密貨幣平台和交易所 Crypto.com ,他們在 2021-11-16 公佈了一個大消息: AEG and Crypto.com to Lead Future of the Creative Capital of the Sports, Music and Entertainment World with New Naming Rights Agreement for Iconic Los Angeles Venue Formerly Known as STAPLES Center 斥資 7億元,向球場

「分享」我的 Kindle 3 Graphite 初體驗 3G / Wifi 版本

總之,我買了一台 Kindle 3 XD Kindle Wireless 3G/Wifi - $189.00 Shipped via DHL International - $20.98 Import Fees Deposit: - $10.65 Total: - $220.63 2010/10/30 update : 剛 Amazon通知因為 Export fee reduced , 所以 $10.65 會完全退回 :D 很快的講一下我晚上的測試: 1. 因為我原本在 Amazon 上面的帳號是台灣的地址,所以購買的時候沒有送 Power 線,聽說有大大直接寫信和 Amazon 的客服要求應該要附線,不過我下訂單的時候比較早,就沒有做這件事,也因此我得到的只有一條 USB 線 2. 我原有的台灣帳號購買書籍,會需要額外支付 2 美金的費用 3. 自行灌入的繁簡體中文 PDF 檔案,都可以正常觀看無誤,載入速度也還不錯(檔案約 90 頁) 4. 中文檔名有些會漏字,但內文 OK , 和繁簡體好像沒有直接關係 5. txt 純文字檔的中文偶而會有漏字 6. 可以直接透過 3G 上網無誤(非常爽) 7. 繁體中文的網站觀看無誤,測試網站包括了雅虎繁體中文網站、無名小站等 8. 簡體中文的網站偶而會有漏字,但大體上無誤,測試網站包括了新浪網等 9. 某些特殊網站也可以用,例如 Google Map 台灣美食地圖、Plurk mobile 網頁 10. 可以一面聽音樂一面閱讀 11. 內建的兩套牛津字典還不錯用,不算陽春 12. Text to speech 的功能只支援英文,包括了自己輸入的 txt 檔(PDF 不支援) 下面是一些螢幕截圖: 中文 PDF 沒問題 PDF 漫畫當然也沒問題 Plurk Mobile 版本正常 新浪娛樂頻道簡體網站,內容正常,標題可能漏字 Google Map 台灣地圖正常,但有點難按 Yahoo 奇摩繁體中文網頁正常 無名小站繁體中文正常 Google 新聞網站沒問題 簡體中文內容的 PDF 檔案正常 後續更新中: 感謝林兄之前的努力,小梅子測試在 Kindle 3 中也可以自行安裝「 21世紀英漢詞典 」,贊啦! 延伸閱讀: Kindle 3 的幾個快速鍵、

「分享」Mac / iPhone 上的廣播電台軟體 FStream - 廣播列表更新 2009/9/19

小梅子在蘋果電腦上面最喜歡用的小功能之一,就是可以透過電腦聆聽廣播電台,以前我常用 Hinet Sucks! Radio Widget ,這是個絕頂好物,可以隱藏在背景默默忠實的播放廣播音樂,但因為 Hinet 常常更改他們的線上廣播規則,所以搞的原作者疲於奔命,有時候就會聽不到音樂。 後來小梅子使用了另一個工具 FStream ,這也是一個可以讓你在 Mac OSX 上聽廣播的好東西,並且它可以讓你自由編輯廣播電台目錄,也支援 iTunes 的廣播列表(這真的很方便),還支援錄音功能喔!所以小梅子這陣子每天都在用 FStream 聽佳音廣播電台,很開心。 FStream 的介紹網路上已經很多了,它也有 iPhone 版本,所以只要你的 iPhone 可以3G上網,理論上就可以開心的聽廣播囉。 因為介紹已經很多,所以小梅子這裡要分享的是:廣播節目清單 XD FStream 不像 Hinet Sucks! Radio Widget 內建好了一狗票廣播節目清單,得自己一一輸入,這說起來也是滿麻煩的,我看了一下網路上的教學,覺得要一個個輸入實在不是人幹的事情,所以小梅子比對了一下資料結構,搞了一個「 台灣+香港 常用廣播電台節目表 」,所以你只要下載了 FStream ,再輸入(Import) 這個節目表就會有現成的一狗票節目了,也不用去改檔案夾目錄什麼的。 首先開啟 FStream 中的 Stream Manager 功能,預備輸入清單。 在 Stream Manager 的右下角,有一個「Import」按鈕,點下去預備輸入檔案 下載小梅子整理好的檔案,直接輸入囉,下載後直接放在桌面上就可以了,不用特別去選定目錄。 噹噹噹,這時候你應該會看到三個目錄,包括台灣、香港,還有一個 ... 沒成功過 XD,這個沒成功的列表是過去曾經用過,但現在沒有列在 Hinet Free 廣播清單中,或許以後可以用。 上面的清單中,小梅子其實也沒有一一測試過啦,大夥可以自己試試,若是還有不能連線的電台,你也可以自己手動搬移到「沒成功過」這個列表 :P PS : Hinet 又更新了廣播位置,小梅子今天 (4/15)也更新了這個目錄,順手又多加了一些電台,目前使用正常,歡迎大家一起聽廣播音樂 ^_^ ps : 2009/09/19 更新 這兩天發現 Fstream 又忽然不能聽了,但這次的狀