Kaie"s Blog 2.0 beta!
Back to "Top"

My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr
Back to "Top"
My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr

Friday, March 16, 2007

[Javascript] Add Digg vote button on Blogger Template

為了順應目前網路的趨勢,我也要來跟大家一起Digg一下...有興趣的人一起來吧,若不懂Digg是什麼碗糕的人,簡單的說: Digg就跟台灣的"HEMiDEMi 黑米" 是同性質的站台,只不過Digg算是此類中的佼佼者,應該是世界最大站!!

其實...真正原因是,我是覺得這個「Digg Button」還蠻美的,很有質感,相當有「Web 2.0」的feeling..XD 可以拿來裝飾我的Blog,哈哈,會不會很像智障呀... :x 並且由於嵌入Javascript語法,所以又會再拖慢開啟網頁的速度....but 不管三七二十一了,我的 Blog 本來就不怎麼快了,再慢一點也無妨啦,大家就忍耐一下吧.. :p

雖然Digg.com在台灣不怎麼有名,因為台灣網路族群主要還是以"HEMiDEMi 黑米"為主,而且Digg.com裡頭被Digg的文章幾乎都是英文為主的網頁...但我還是堅持要這個"有質感的裝飾品" :D

想要跟我一樣惡搞的人,就跟著底下作吧..很簡單低
在你的Blogger template裡頭找到<p><data:post.body/></p>取代成底下的code<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>

就這麼簡單...感謝底下這位帥哥提供的資料資料來源:
Ajaxcold: Add Digg vote button on Blogger Template

13 Comments:

Who: wildc8ts Class:
When: March 17, 2007 9:17 PM  

ㄟ∼?
突然發現Kaie的造型變了
感覺好滄桑ㄚ∼
-_-'k

Who: Almighty Demiurge Class:
When: March 17, 2007 10:33 PM  

呵~~你的外掛又不多,速度不會很慢啦。

Who: Almighty Demiurge Class:
When: March 17, 2007 10:40 PM  

找不到有< p> < data:post.body /> < /p>樣式
倒是有幾個< data:post.body />耶,這樣要怎麼解決。 XD

Who: Unknown Class:
When: March 19, 2007 8:12 AM  

To wildc8ts:
呵呵…對呀,人老了,沒新照片呀…只好自己DIY一下 囧...

To Transcendent Emperor:
我一開始也是覺得還好,沒很慢…後來到別人家用到爛電腦加上頻寬小的網路時,就真的很有感覺了 XD..
那就直接以"<data:post.body/>"這項來取代吧...p tag只是個段落的意思而已,不會有太嚴重的影響的!

Who: Anonymous Class:
When: March 30, 2007 9:23 AM  

找不到這個耶
data:post.body
怎麼辦?

Who: Unknown Class:
When: March 30, 2007 1:38 PM  

To Chris:
是不是你尚末轉換到新版本的Blogger呀!!若是的話,那這個hack你就無法使用了,否則一定會找得到的才是..

Who: Anonymous Class:
When: March 30, 2007 5:07 PM  

我是新版的呀
裡面唯一有data的就只有
data:blog.pageTitle
還是有些模板裡面沒有?

還有就是想請教你一下
如何在每篇文章後面都放
上javascript廣告
應該要放在哪個部位呢?
不知道你有沒有研究?^^謝謝

Who: Unknown Class:
When: March 30, 2007 5:24 PM  

To Chris:
咦…若是新版本的話,是不太可能沒有data:post.body這項的,畢竟data:post.body的功能: 就是顯示出你的文章內容!! 若沒這個的話,那就真得很怪了…可能你的data: 和 post.body 是分開的,沒有連在一起,試著只找 post.body 看看,有的話應該就是了!!
至於放廣告的話,我是沒有研究!! 倒是我有一個好友的站,可以給你參考看看…他應該有這些資料 ^_^
http://bloggingsecret.blogspot.com/

Who: Anonymous Class:
When: March 30, 2007 5:32 PM  

好的 我在找找看
還有 謝謝你提供的網址

Who: Anonymous Class:
When: May 05, 2007 4:48 PM  

站長大人
有個問題
我照你的方法之後
開啟blog之後..可以看到一下子的網頁
之後她就停止
一直去搜尋
blodder.ext2.googlepages.com
該怎麼辦呢
用回來就沒事了..但是我也想玩這個^^
謝謝

Who: Unknown Class:
When: May 05, 2007 10:49 PM  

To Mark-Wang:
咦…會有連blodder.ext2.googlepages.com的動作,跟這個Hack應該沒有關系才對,因為那個Javascript檔,跟本沒連到那個url,可能是跟你使用的那個懶人包有衝突之類的,你可以試著先關掉懶人包試試..

Who: Antonio Lupetti Class:
When: October 12, 2007 9:27 PM  

The original link to Ajaxcold has moved to:
http://woork.blogspot.com/2007/10/add-digg-vote-button-on-blogger.html

Thanks for add my reference.
Antonio :)

Who: Unknown Class:
When: October 13, 2007 12:07 AM  

To Antonio:
OIC thx for your kindly reminding!
coz I subscribed ur feed, but it has been a long time u don't update ur blog...I just thought that it's a pity that my another favorite site fade away..
but It comes back now... :)