Snap Shots™ 讓部落格能預覽連結網站!

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

t-01.jpg
圖一:Snap Shots™ 產生的預覽縮圖。

使用方法:

首先,請先進入 Snap Shots™ 的 Customize Your Snap Shots™ 頁面,它能夠讓你設置屬於你自己的 Snap Shots™

t-02.jpg
圖二:設置 Snap Shots™ 的邊框顏色。

t-03.jpg
圖三:設置 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
    不加入小圖示,游標移至連結時顯示縮圖。

t-04.jpg
圖四:加入你的Logo(100×20)、設定縮圖大小。

圖四的 ADD YOUR LOGO 能讓你將網站Logo加入 Snap Shots™ 產生的縮圖左下方,但圖片限制為 100×20 像素。而 CHOOSE SNAP SHOTS SIZE 則是變更縮圖的大小,選擇後右方都能即時預覽顯示情況,這部分就不多做介紹。

funP Hemidemi MyShare
del.icio.us Google YahooMyWeb Bookmark and Share
歡迎部份轉載、引用文章圖文,請標示免費資源網路社群或原文網址。
本文網址:http://www.freegroup.org/snap_shots

延伸閱讀

隨機文章

目前共 24 則留言:

  1. MyAvatars 0.2 一吉他一
    2007-04-18 | Quote

    請問~

    申請好的原始碼在Wordpress要貼在那裡呢?

  2. MyAvatars 0.2 Pseric
    2007-04-18 | Quote

    吉他您好:

    不明白您是說 WordPress.com 還是自己架設的 WordPress 呢?若是自己架設的話,您可以使用 Snap Shots Plugin ,這是專為 WordPress 所設計的外掛。

    下載點:
    http://ajaydsouza.com/downloads/23

    使用方法:
    http://ajaydsouza.com/wordpress/plugins/snap-preview-anywhere/

    解壓縮後丟進去 plugins 的目錄,到後台啟動即可使用,若有任何問題歡迎繼續發問。

  3. MyAvatars 0.2 dsewnr
    2007-04-20 | Quote

    這個東西太帥了 @_@
    前陣子有看到人分享,可是一直搞不好,
    現在這網站都幫你做好了,真的很方便 :p

  4. MyAvatars 0.2 caffelatte
    2007-04-20 | Quote

    我也照著您說的方法申請好了
    可是不知道要貼在無名小站的哪裡耶
    可以請您教教我好嗎?謝謝

  5. MyAvatars 0.2 Pseric
    2007-04-20 | Quote

    caffelatte:剛看了一下您的無名,確實為金卡會員,應該是可以支援 Java Scripts 的。我找到一篇金卡會員支援 Java Scripts 語法的位置教學,希望對您有幫助。

    http://pety.org/LCCSP/

    dsewnr:謝謝您的支持,希望您會喜歡編輯推薦的免費資源。

  6. MyAvatars 0.2 momoge
    2007-04-25 | Quote

    謝啦!好用。

  7. MyAvatars 0.2 Pseric
    2007-04-26 | Quote

    謝謝大家熱情的支持,往後會在陸續介紹更多實用、好用的免費資源來回饋給大家。

  8. MyAvatars 0.2 feelings
    2007-04-27 | Quote

    請問我可以轉貼此篇文章在我的部落格嗎?
    實在是很想讓更多人可以知道關於本站的訊息..
    也當自己收集這方面資訊..
    不曉得您是否同意呢?
    歡迎到我的部落格參觀..謝謝你唷~

  9. MyAvatars 0.2 s9011514
    2007-05-02 | Quote

    我用wordpress

    我插件安裝完後

    請問我要到那個文件中加入snap所提供的代碼?

  10. MyAvatars 0.2 Pseric
    2007-05-02 | Quote

    feelings:您好,您可以自由轉載,但請標示原出處。

    s9011514:您若使用WordPress的Snap插件,那麼應該是不需要加入任何代碼,即可使用。

  11. MyAvatars 0.2 s9011514
    2007-05-03 | Quote

    pseric:

    我不清楚怎麼使用那插件

    該如何設定?

    我是WORDPRESS新手

    另外

    如果不使用插件的話

    我要將那串程式碼家在wordpress哪個檔案中?

  12. MyAvatars 0.2 Pseric
    2007-05-03 | Quote

    請問您是自己架設 WordPress 的嗎?如果是的話,請將插件上傳至 /wp-content/plugins/ 目錄內,到管理後台啟動該外掛就可以囉!

  13. MyAvatars 0.2 s9011514
    2007-05-03 | Quote

    我後來有找到了

    謝謝你的說明

    但是插件有中文語系的嗎?

    看英文很不習慣^^

  14. MyAvatars 0.2 s9011514
    2007-05-03 | Quote

    另外
    雖然我安裝呢snap外掛
    不過進入後台後看不懂耶 = =”

    我把key填入後

    下面勾了

    第1、2、3、5、6、8、9項

    但是,blog上依然無效果?

  15. MyAvatars 0.2 愛靈
    2007-06-12 | Quote

    謝謝您的分享 我有用在我的部落格了^^
    這裡是愛靈的隨意生活 歡迎大家來參觀指教
    http://blog.xuite.net/dylan505/IO

  16. MyAvatars 0.2 偷尼
    2007-06-21 | Quote

    感謝站長的用心

    寫的很詳細^^

    轉一份到我blog上分享給更多網友^^

    http://blog.pixnet.net/KCTONY/post/5422146

  17. MyAvatars 0.2 david
    2007-07-09 | Quote

    你好,我以申請好語法了,可是卻不知到要貼在部落格那個地方?在我的部落格裡直找不到 標籤,真苦惱。

  18. MyAvatars 0.2 Pseric
    2007-07-09 | Quote

    david: 看樣子您是使用 Bo-Blog ,本身我沒使用過這套部落格系統,所以無法給予您任何協助。WordPress 使用者是藉由修改佈景來使用 Snap Shots, 或許您可以嘗試加入到佈景的 header 部份試試看。

  19. MyAvatars 0.2 Eric
    2007-07-26 | Quote

    Bo-Blog 的使用方法
    登入後台 -> Genral -> Modules
    -> 右邊點 area -> Add Items
    -> Item name、Description隨意, Content貼上剛才得的程式碼(Java scripts)
    Yes, activate it immediately(要打勾)
    ->按ok就設定好了

    //我是英文版的, 所以參照著看吧

    Example : http://iroat.us.to/

  20. MyAvatars 0.2 michael
    2008-07-05 | Quote

    :cry: 一時手賤按滑鼠右鍵的”封鎖Snap Shots圖片”
    導致目前預覽時無圖片顯示
    只有連至 you tube才有預覽畫面
    現在按滑鼠右鍵也無恢復圖片的選項
    刪除後再重新放置程式碼
    也無法恢復
    不知你是否知道如何恢復預覽圖片
    謝謝!!
    我使用firefox3

  21. MyAvatars 0.2 Pseric
    2008-07-05 | Quote

    @michael:

    您是說在 Snap Shots 的地方將停止的功能打勾了嗎?
    如果是的話,可以試試看 工具 -> 清除隱私資料 ,將所有都打勾,
    包括 Cookies ,接著在重開 firefox 3 試試看! :razz:

  22. MyAvatars 0.2 陳小魚
    2008-08-10 | Quote

    我是使用樂多的日誌,我申請好了!
    可是不知道要貼到哪裡去耶…..
    幫幫我~~~>”"<

  23. MyAvatars 0.2 Pseric
    2008-08-11 | Quote

    使用樂多的朋友,
    請依照以下方式插入java script原始碼。

    1. 先登入樂多帳號,在管理後台選擇”新增插入欄位”選項。
    2. 選擇”自由欄位”在點選後方的”追加”。
    3. 將Snap Shots的原始碼放進”本文”,接著”儲存設定”。
    4. 更新Blog網頁。
  24. MyAvatars 0.2 cynthia
    2008-08-13 | Quote

    Yahoo的blog可以用嗎?

目前共 5 個網站引用:

留下你的見解或看法:

暱稱:
信箱:

連結到本頁面

如果您覺得這個免費資源很實用,想要連結這裡。您只要複製以下原始碼即可(Ctrl+C 複製)。

 HTML
 BBCode

Size

Colors