2007年8月13日 星期一

黑米小按鈕 加強版

利用 HEMiDEMi 官方 javascript 改良了一下, 提供一個以 DOM 操作為主的版本.歡迎官方直接引用.

加強了以下三點:
1. 解決在各 Blog 平台上部份網誌會造成畫面一片白的問題.
2. 一顆/多顆 按鈕語法統一.
3. 支援 Blogger-ext2, 在 Blogger 系統中換頁, 小按鈕依然能生效.
##CONTINUE##
解決畫面一片白:
其實這個問題同 "推推王 推文按鈕貼紙" , 加了 黑米小按鈕 貼紙後, 有時畫面會一片白. [出現空白頁]
這在 Blogger 系統最為明顯, 因為 Blogger 系統的 Sidebar, 換頁都是使用 javascript 動態 產生, 所以只要在 onload 前, 黑米小按鈕的 javascript 執行到, 而黑米小按鈕的 javascript 僅利用 document.write 產生一個 iframe.這時的 document 就僅剩下一個 iframe , 所以您會得到一片白.
請大家忘了 document.write 這個 n 年前的遺產吧.. 以 DOM 來提供小工具.

按鈕語法統一:
使用此一加強版, 不再分一個按鈕或多個按鈕, 您只要使用單一的語法即可. 而語法中也看不到 javascript , 只是一個 div 的語法, 您可以輕輕鬆鬆放入 黑米小按鈕.

使用方式:
放在網頁 <head> 位置加入 或 加入 html/javascript 網頁元素:
程式碼:

<script src='http://blogger-ext2.googlecode.com/svn/trunk/3rd/hemidemi_bookmark_button2.js' ></script>


放在按鈕位置的
程式碼:

<div class="hemi_button" style="font-size:0px;">網址</div>

如果不打就直接用貼紙所在頁面的網址.

就是這麼容易, 不管幾顆都是一樣.


如何在 Blogger 系統中使用:
1.範本 => 版面配置 => 修改 HTML => 勾選「展開小裝置範本」 => 在 </head> 前加入

<script src='http://blogger-ext2.googlecode.com/svn/trunk/3rd/hemidemi_bookmark_button2.js' ></script>

2. 找到 <p><data:post.body/><p> 在 <p><data:post.body/><p> 前加入按鈕語法

<div style='float:right; margin-left:10px; font-size:0px;' class="hemi_button"><data:post.url/></div>


如何在天空(yam) 系統中使用:
1.管理者後台 => 功能設定 => 個人資料 => 部落格描述: 中填入

<script src='http://blogger-ext2.googlecode.com/svn/trunk/3rd/hemidemi_bookmark_button2.js' ></script>

2. 在發表網址時, 在 "追加內容" 加入按鈕語法

<div style='float:right; margin-left:10px; font-size:0px;' class="hemi_button"></div>

3. sample.

詳細參數及使用說明可參考 [功能] 黑米小按鈕

PS. 推推王推文按鈕也是存在相同的問題. 請看這裡.

15 則留言:

匿名 提到...

請問我在天空部落格該如何加入啊?

Unknown 提到...

Dear michelle:
已更新文章, 加入天空的使用說明.

匿名 提到...

謝謝你的回答。

還想請問有關你文章中右上角,
黑米小按鈕-可加入推文的那個語法嗎?

bias / 小掰同學 提到...

請問阿土伯,這個語法是不是沒辦法選擇安裝橫式排列的小巧版黑米按鈕呢?

Unknown 提到...

我沒試過, 不過應該可以!!

<script> src='http://blogger-ext2.googlecode.com/svn/trunk/3rd/hemidemi_bookmark_button2.js' ></script>

後加入黑米按鈕設定 HEMiDEMi_Bookmark_Button_XXXX 應該就會生效了.

bias / 小掰同學 提到...

感謝阿土伯的回應。剛試了一下,應該是要放在阿土伯的語法之前才行,若放在這段語法之後的話,那些設定參數似乎便不會起作用。

對了問個不相干的,我昨天試完阿土伯的語法後才突然發現,自己各篇文章的「張貼回應」鏈結不知在哪個過程裡被我弄不見了,但我確定我沒有把回應功能關掉,恢復成之前的備份 xml 檔也無濟於事,可以教教我該如何讓她們重新出土嗎?blogspot 的小裝置範本該怎麼排怎麼寫,實在好複雜啊...

匿名 提到...

阿土伯,能請問您旁邊的「交換連結」、「blog 存檔」那個按下[+]之後才會出現連結的語法該怎麼寫嗎?
找不到那個語法呀...

我愛明星網資深特派員 提到...
作者已經移除這則留言。
匿名 提到...

請問如何在wordpress里用呢?

LKK 提到...

可以幫我看一下我的黑米一直無法在 blogger 下正常運作, 我用了很多種版本的程式碼, 可是就是無法按收藏, IE 左下角狀態列會出現 script error! (程式碼錯誤).

網址在: 這裡

Unknown 提到...

Dear 尼克:
那個黑米按鈕, 其是以 iframe 的方式連回 hemi, javascript 錯誤是hemi 提供的語法造成的...

黑米小工具會連回 hemi 如下:

http://www.hemidemi.com/scriptlet/bookmark/835/8351c086ec7d377f0b187316d5249c82/button.html?s=button&bg=transparent&u=http%3A%2F%2Fmy-banana-moon.blogspot.com%2F2008%2F05%2F30.html&t=%E7%A5%95%E5%AF%86%E5%AF%B6%E8%97%8F%E9%A6%99%E8%95%89%E6%9C%88%E4%BA%AE

我再去了解看看, 他們改了什麼..
造成不便, 請見諒~

LKK 提到...

黑米小按鈕已經可以用了, 感謝~

Unknown 提到...

Dear 尼克:
經測試的確能用了, 可能是 hemi 站方改好了..

匿名 提到...

請問我的無名該怎麼用啊?到限在我還是沒有辦法在文章中顯示"funp推薦人數"跟黑米推收小按鈕耶??救救我吧!!
我對與法真的很遜!FUNP教的我只會用連結列(哈部落)那一招,其他都不會:(
看不懂什麼一個按鈕多個按鈕啊??

taglife 提到...

請問一下在黑米網站掛掉的時候為什麼您還可以顯示黑米的推收按鈕?
用這個加強版似乎也是會連到hemidemi的iframe,
也啥解決方法嗎!
http://taglife.twbbs.org/hemidemi/hemidemi.htm