Snap Shots™ 讓部落格能預覽連結網站！
相信大家在逛部落格或是網站時，偶爾會發現一個很實用的功能－Snap Shots™，當你的游標移到連結上時，便會出現該連結網站的預覽圖（圖一），而這個功能完全免費，且設定簡單、無須註冊，但須注意的是，您所使用的網頁或部落格必須支援 Java scripts 語法才能夠正常運作喔！想為你的網站或部落格加入這個功能嗎？請繼續往下看。
圖一：Snap Shots™ 產生的預覽縮圖。
使用方法：
首先，請先進入 Snap Shots™ 的 Customize Your Snap Shots™ 頁面，它能夠讓你設置屬於你自己的 Snap Shots™
圖二：設置 Snap Shots™ 的邊框顏色。
圖三：設置 Snap Shots™ 的圖示和觸發方式。
圖三是設定 Snap Shots™ 的小圖示和觸發方式，選擇後在右方預覽圖 Your Link 部分可以看到變化。
- Snap Shots icon; Snap Shots triggered by the link and icon
加入小圖示、在游標移至連結和圖示時顯示縮圖。 - Snap Shots icon; Snap Shots triggered by the icon only
加入小圖示、但縮圖只在游標移至圖示時顯示。 - No Snap Shot icon; Snap Shots triggered by the link
不加入小圖示，游標移至連結時顯示縮圖。
圖四：加入你的Logo(100x20)、設定縮圖大小。
圖四的 ADD YOUR LOGO 能讓你將網站Logo加入 Snap Shots™ 產生的縮圖左下方，但圖片限制為 100x20 像素。而 CHOOSE SNAP SHOTS SIZE 則是變更縮圖的大小，選擇後右方都能即時預覽顯示情況，這部分就不多做介紹。
圖五：點選ADVANCED OPTIONS左邊的符號即可設定其他選項。
圖五的 ADVANCED OPTIONS 是高級設定，點選旁邊的加號即可展開。第一排的國旗是語言設定，目前有支援正體中文。
- Search Box
是否顯示搜尋框？ - Preview External Links
預覽外部連結（一般來說都要勾選） - Preview Internal Links
預覽內部連結 - Only Display PreviewShots
只顯示預覽縮圖 - Load Snap Shots after the page loads
頁面讀取完成後才讀取縮圖。
OK，第一頁的設定到此結束，都完成了嗎？那麼按下 CONTINUED 到達第二頁面。
圖六：請輸入基本資料並同意相關條例。
第二個頁面很顯然地就是要輸入基本資料囉！請在第一格 Enter Your Site URL 內輸入你的網站網址，請注意，不要輸入轉址或是縮網址，請輸入你網站原本的網址才能確保 Snap Shots™ 運作無誤。Enter Your Email 請輸入你的信箱，並請將 I agree to the Terms & Conditions below. 打勾同意條例，接著按下 CONTINUED 。
圖七：完成了！
圖七就是完成畫面囉！將 Copy Your Code 下方框框內所有原始碼複製並貼上在您網站的 </body>標籤前，即可使用預覽網站的功能囉！下方的 Quick Install on Other Selected Blogs 部分有提供快速安裝 Snap Shots™ 的教學或是外掛，有興趣的可以玩玩看。
本篇文章由 Pseric 撰寫並發表於免費資源網路社群，若轉載或轉貼文章請標明原作者、出處，或是使用 Trackback 告知，謝謝。
30 個意見
Trackbacks / Pingbacks
搜尋
最新迴響
- 我裝了之後，按右鍵都會lag...
- 后面多个东西````怎么看怎...
- 謝謝
- Fantastic post...
- 已送出邀請
- 好像很强大的样子,要不要翻墙...
- 看看有没有没么好用
- 最近檔案都被限制VIP才可下...
推薦閱讀
社交網路
翻譯
 |  |  |  |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |
 |  |  |  |  |  |  |  |  |  |
請問~
申請好的原始碼在Wordpress要貼在那裡呢?
吉他您好：
不明白您是說 WordPress.com 還是自己架設的 WordPress 呢？若是自己架設的話，您可以使用 Snap Shots Plugin ，這是專為 WordPress 所設計的外掛。
下載點：
http://ajaydsouza.com/downloads/23
使用方法：
http://ajaydsouza.com/wordpress/plugins/snap-preview-anywhere/
解壓縮後丟進去 plugins 的目錄，到後台啟動即可使用，若有任何問題歡迎繼續發問。
這個東西太帥了 @_@
前陣子有看到人分享，可是一直搞不好，
現在這網站都幫你做好了，真的很方便 :p
我也照著您說的方法申請好了
可是不知道要貼在無名小站的哪裡耶
可以請您教教我好嗎?謝謝
caffelatte：剛看了一下您的無名，確實為金卡會員，應該是可以支援 Java Scripts 的。我找到一篇金卡會員支援 Java Scripts 語法的位置教學，希望對您有幫助。
http://pety.org/LCCSP/
dsewnr：謝謝您的支持，希望您會喜歡編輯推薦的免費資源。
謝啦！好用。
謝謝大家熱情的支持，往後會在陸續介紹更多實用、好用的免費資源來回饋給大家。
請問我可以轉貼此篇文章在我的部落格嗎？
實在是很想讓更多人可以知道關於本站的訊息..
也當自己收集這方面資訊..
不曉得您是否同意呢？
歡迎到我的部落格參觀..謝謝你唷~
我用wordpress
我插件安裝完後
請問我要到那個文件中加入snap所提供的代碼?
feelings：您好，您可以自由轉載，但請標示原出處。
s9011514：您若使用WordPress的Snap插件，那麼應該是不需要加入任何代碼，即可使用。
pseric：
我不清楚怎麼使用那插件
該如何設定?
我是WORDPRESS新手
另外
如果不使用插件的話
我要將那串程式碼家在wordpress哪個檔案中?
請問您是自己架設 WordPress 的嗎？如果是的話，請將插件上傳至 /wp-content/plugins/ 目錄內，到管理後台啟動該外掛就可以囉！
我後來有找到了
謝謝你的說明
但是插件有中文語系的嗎?
看英文很不習慣^^
另外
雖然我安裝呢snap外掛
不過進入後台後看不懂耶 = ="
我把key填入後
下面勾了
第1、2、3、5、6、8、9項
但是，blog上依然無效果?
謝謝您的分享 我有用在我的部落格了^^
這裡是愛靈的隨意生活 歡迎大家來參觀指教
http://blog.xuite.net/dylan505/IO
感謝站長的用心
寫的很詳細^^
轉一份到我blog上分享給更多網友^^
http://blog.pixnet.net/KCTONY/post/5422146
你好，我以申請好語法了，可是卻不知到要貼在部落格那個地方？在我的部落格裡直找不到 標籤，真苦惱。
david: 看樣子您是使用 Bo-Blog ，本身我沒使用過這套部落格系統，所以無法給予您任何協助。WordPress 使用者是藉由修改佈景來使用 Snap Shots, 或許您可以嘗試加入到佈景的 header 部份試試看。
Bo-Blog 的使用方法
登入後台 -> Genral -> Modules
-> 右邊點 area -> Add Items
-> Item name、Description隨意, Content貼上剛才得的程式碼(Java scripts)
Yes, activate it immediately(要打勾)
->按ok就設定好了
//我是英文版的, 所以參照著看吧
Example : http://iroat.us.to/
:cry: 一時手賤按滑鼠右鍵的"封鎖Snap Shots圖片"
導致目前預覽時無圖片顯示
只有連至 you tube才有預覽畫面
現在按滑鼠右鍵也無恢復圖片的選項
刪除後再重新放置程式碼
也無法恢復
不知你是否知道如何恢復預覽圖片
謝謝!!
我使用firefox3