在你的網站加設網站連結預覽縮圖功能(二)
(使用自動增加連結小圖標展示樣式)

請將滑鼠移到下面超連結位置
網頁研習室【HTML】教學網站

網頁研習室【電子報】教學網站

網頁研習室【賀寶芙】聯賣資訊網

Yahoo!奇摩股市

修改要領
這裡你只要將
<script src="http://bubble.websnapr.com/6163up0X3Bfh/swh/" type="text/javascript"></script>
改為
<script src="http://bubble.websnapr.com/6163up0X3Bfh/swi/" type="text/javascript"></script>
就可以了

注意事項
01.如果你是第一次使用本功能,因需要重新抓取網頁快照,所以出現的顯示畫面會比較慢些。
02.一個電子信箱只能註冊一個程式碼。
03.一個程式碼只能用於一個網址及所有次目錄。
04.如果你想以新視窗開起網頁,請自行連結標籤處加入 target="_blank" 或 target="_new"。
05.不是所有部落格都可以使用這個功能,你要自己測試看看。
06.你也可以將 http://bubble.websnapr.com/xxxxxxxxxx/swh/ 抓下來,存成 swh.js ,改放於自己主機內 Go

原程式發現問題
01.原有程式顯示位置有點偏左不太正確,可惜你無法調整 JS 程式碼位置。
02.如果欲顯示的位置剛好位於最右側或最下方,會造成超出螢幕頁面問題。
03.這些問題請參考下面自製網站連結預覽或另外一個網頁縮圖服務網站。

直接顯示網頁快照     自製網站連結預覽

請按瀏覽器的檢視原始碼查看

   

網頁研習室 - HTML教學 - 電子報教學 - 李文能 - 編輯