为Blog添加Snap链接预览功能

Category : 资源共享 / Tags : , / Date : 2006.11.25 / /

  Snap是一个利用AJAX技术构建的新型搜索引擎,它的关键特色在于搜索结果以网站缩略图的形式呈现,非常具体和直观。目前它已存储了300万个站点的缩略图,平均每天的搜索量在50000次左右。

  Snap为网站及Blogger提供了一个有趣的功能Snap Preview Anywhere,通过它可以为网站上的链接生成站点缩略图,这样读者只要把鼠标放到链接上就可以看到缩略图。效果见下面的图片,或直接到我的Blog上查看实际效果。



  Snap Preview Anywhere的使用方法很简单,到snap网站可以申请到一段类似以下形式的代码:

<script defer id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=1&amp;key=47a849930de1f013228264084c038f7e&amp;sb=0&amp;domain=www.mike.org.cn"></script>

  将代码置于页面代码的< /head>前面就可以了。(经测试,为不拖慢速度,放在< /body>前也行。)

  下面说说代码的修改:

  1、使用默认的代码,鼠标移动到链接上时显示的效果是带搜索框的,但是可以通过修改代码来去掉搜索框,先看效果对比:

  修改方法是,将获得代码中的sb=1改成sb=0

  2、默认代码效果是页面中的所有链接有鼠标划过时都显示缩略图效果。如果你想对某个特定链接禁用缩略图效果,可以对该链接加上一个分类来标识;
  
  例如链接

<a href="xxxx">xxx</a>
禁用缩略图的方法是写成
<a href="xxxx" class="snap_nopreview">xxx</a>

  通常,一个页面里大部分链接我们都不想加入缩略图的,所以上述办法有点烦琐了。
其实可以通过修改代码中的ap=1为ap=0来使页面的所有链接在默认情况下不显示缩略图,这时只有链接写成以下格式的情况下才会有缩略图显示:

<a class="snap_preview" href="XXX">XXX</a>

  对于上述各种情况,如果链接本身已经有了某个class分类,比如已经分类为class=”123″,可以用空格来分隔,并赋予多个class分类,比如:

class="123 snap_nopreview"或者class="123 snap_preview"


无觅相关文章插件,快速提升流量

Comments

3 Responses to “为Blog添加Snap链接预览功能”

  • 2006-12-20 11:04maidouqi说道:

    恩 知道了…谢啦 哈哈 修改去咯…

  • 2006-12-19 10:55maidouqi说道:

    那个页面代码是不是指所用BLOG模版里面的elements.php文件里面改呀,
    还有,大哥 为什么我的FLV里面只可以放7首歌呀…

    easylife Unknown Unknown Unknown Unknown回复:

    1、你可在后台新建一个底部模块,加上相应代码并启用即可。
    2、你可在playlist.xml中多加一些<flv path="" title="" /> 就可以显示更多的歌。

Leave a Reply

You must be logged in to post a comment.

传奇 似水流年 绽放 风筝 八月照相馆