使用Snap Shots將某些連結加上縮圖,超連結的語法加入「class="snap_preview"」
若你有使用Snap這個縮圖小工具,可以使網誌的連結增加縮圖顯示,也就是滑鼠移到連結上方,就會出現那個連結頁面的縮圖。
但是,如果每個連結都出現縮圖,反正不易於瀏覽文章,不時會被各個縮圖打斷瀏覽的動作。
因此,要怎麼使某些連結出現縮圖呢?

首先在Snap申請帳號之後,在工具設定的進階選項取消所有勾選,並將語法貼至網誌裡(此動作已使網誌文章的連結具有縮圖功能,但功能是關閉的)

語法範例如下,可直接貼在部落格基本設定裡的「部落格描述」:

<script type="text/javascript" src="http://shots.snap.com/ss/9ab048bff3062d6b8ad582454b9d8252/snap_shots.js"></script>
<註>2010/12/18將此語法暫時移除

接著參照(Snap網頁縮圖 --- 進階語法設定教學)提供的密技四,在文章某個想顯示縮圖的超連結裡加入「class="snap_preview"」(此動作將啟動該連結的縮圖功能,如上一段的Snap連結具有縮圖功能)
語法如下:
<a href="http://www.snap.com/" target="_blank"class="snap_preview">Snap</a>
或是:
<a class="snap_preview" href="http://www.snap.com/" target="_blank" >Snap</a>
---
【密技四】
其實密技三比較不實用,因為網頁上可能有太多連結,要一個一個去設定不要顯示縮圖,那花費的時間肯定很多,所以密技四的價值就在這,請先使用「密技二」把ap設成0 (即每個連結都不顯示縮圖),然後請在要顯示縮圖的連結,加入「class="snap_preview"」這樣就搞定了,凡有加這個語法的連結就會顯示縮圖,修改後的範例如下:
 class="snap_preview" href="網址">Example
arrow
arrow
    全站熱搜

    ★脈絡地圖 發表在 痞客邦 留言(0) 人氣()