J'House™: 轉貼--使Blog內連結能預覽

相信大家在逛部落格或是網站時，偶爾會發現一個很實用的功能－Snap Shots™，當你的游標移到連結上時，便會出現該連結網站的預覽圖（圖一），而這個功能完全免費，且設定簡單、無須註冊，但須注意的是，您所使用的網頁或部落格必須支援 Java scripts 語法才能夠正常運作喔！想為你的網站或部落格加入這個功能嗎？請繼續往下看。

圖一：Snap Shots™ 產生的預覽縮圖。

文章參考Pseric 撰寫並發表於免費資源網路社群的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(100×20)、設定縮圖大小。

圖四的 ADD YOUR LOGO 能讓你將網站Logo加入 Snap Shots™ 產生的縮圖左下方，但圖片限制為 100×20 像素。而 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 請輸入你的信箱。

圖七：設定自己blog的分類。

圖七是設定自己的部落格分類,要選擇相關的兩種分類,這個設定也可以不用理他,不會影響到使用效果!

圖八：同意相關條例。

請將 I agree to the Terms & Conditions below. 打勾同意條例，接著按下 CONTINUED 。

圖九：完成了！

圖九就是完成畫面囉！將 Copy Your Code 下方框框內所有原始碼複製並貼上在您網站的 </body>標籤前，即可使用預覽網站的功能囉！下方的 Quick Install on Other Selected Blogs 部分有提供快速安裝 Snap Shots™ 的教學或是外掛，有興趣的可以玩玩看。

可以把程式碼貼在部落格的自由欄位上(前提是有支援 Java scripts 語法),應該就可以正常顯現了!