[Javascript] show screenshot of a webpage by WebSnapr

今天在使用google reader時，讀到許久未post文的 Palatis 這位網友的文章，他把一個蠻酷的好玩意兒porting成適用於blogger的套件!! 謝謝他的貢獻 ^_^參考資料來源：
Palatis's Kafooster -> 用webSnarp在網頁上顯示小預覽圖
摘要文章內容如下：
webSnarp 2.0 是個提供網頁預覽圖服務的網站，詳情請上該網站去了解... 底下有提供一些小玩具，可以在網頁上加上一些特殊功能，讓滑鼠經過連結的時候跳出該連結的預覽圖。

這是適合 Blogger beta 的版本，請不要套用在其他地方。安裝的步驟如下：

1. 至 這裡 下載 websnapr.tar.bz2
2. 請自行，修改「websnapr.js」中的「myBaseURI」變數至您的網頁空間，若有特殊需求的話，再自行將websnapr.js中excludeDomains及excludeExtensions的變數內容改成你所要的…
3. 將所有檔案放到自己網頁空間下，記得要放在同一個資料夾裡！
4. 去 Blogger 範本中修改 html 的地方，找到</title>標籤，在底下插入：

<style media='screen' type='text/css'>@import "[您的網頁空間]/websnapr.css";</style>
<script src='[您的網頁空間]/websnapr.js' type='text/javascript'/>

※或者是你若不想動手作以上步驟的話，你也可以偷懶借用(for free ^^)我已經弄好的就行囉，就把底下這段code，貼到template裡就解決啦。


<style media='screen' type='text/css'>@import "http://chenkaie.googlepages.com/websnapr.css";</style>
<script src='http://chenkaie.googlepages.com/websnapr.js' type='text/javascript'/>

這樣就完成囉，呈現出來的效果就，如同這個連結...