今天是   本站已创建

记录宝宝成长、关注育儿知识、石油科技、电脑技术!!!!

现在的位置: 首页 博客电脑 >正文
 
2008年5月11日 ⁄ 暗潮 博客电脑 ⁄ 评论数 1+ ⁄ 被围观 +

使用了荆棘鸟博客的网摘js程序,因为从官方复制过来的代码,需要转成“JavaScript”,所以我用“HTML/JS互转工具”将原来的“html网摘代码”转换成需要的“js”代码,放入wz.js中。给z-blog加入“网摘”功能的步骤:
1、上传“wz”文件夹到z-blog的“PLUGIN”目录下。
2、修改/TEMPLATE/b_article-single.html 文件,这个为z-blog的正文,主文章区的模版文件。如果你想换到其它位置请修改相应模版。我是在相关文章上面(mutuality),添加网摘JS调用代码的(蓝色部分)。
<ul class="msg mutuality">
<li class="adlinks"><span><a href="
http://www.zfnn.com/catalog.asp?tags=%E7%BD%91%E6%91%98">添加到网摘</a></span>
<SCRIPT language="javascript" src="
HTTP://www.zfnn.com/PLUGIN/wz/wz.js"></SCRIPT>
</li>
</ul>
<ul class="msg mutuality">
 <li class="tbname"><#ZC_MSG231#>:</li>
 <li class="msgarticle"><#template:article_mutuality#></li>
</ul>

3、给网摘加上CSS样式,为了和整个页面协调,我给上面代码,定义如下样式。

li.adlinks span{ /* 网摘标题 */
 font-weight:bold;
 padding:6px 0 4px 8px;
 margin:0 12px 4px 0;
 text-decoration:underline;
}
 

li.adlinks img{  /* 网摘图标 */
 padding-right:4px;
}

li.adlinks span a{  /* “添加到网摘”链接样式 */
 color:#000000;
 text-decoration:underline;
}
li.adlinks span a:link {
 color:#000000;
 text-decoration:underline;
}
li.adlinks span a:visited {
 color:#000000;
 text-decoration:underline;
}
li.adlinks span a:hover {
 color:#000000;
 text-decoration:underline;
}
li.adlinks span a:active {
 color:#000000;
 text-decoration:underline;
}

说明一下,上面的“添加到网摘”,是给这段文字加上一个链到“网摘”关键字Tag,方便你查找所有有关“网摘”的文章。至此,就给博客文章添加上了网摘功能。


听说网摘可以增加博客的访问量,所以现在正在给博客正文加上网摘,本来以为加网摘代码是一件轻而易举的事,没想到还挺麻烦,关键是网摘的代码难以收集。
z-blog官方论坛提供的插件,js里面的网摘代码,由于时间长,有的网摘代码已经失效,而且部分较为流行网摘并没有收录进来。在网上搜索,搜到的代码也是年久失修,不符合要求。
于是只好自己去各网摘的官方网站去收集,真是比较辛苦啊,不明白这些“网摘代码”为什么要隐藏这么深,想来网友也会相同需求,特共享出来,省去大家伙重复劳动。
这里给出常见服务比较好的网摘代码,如果能找到其官方代码出处我将贴出地址,以防止网摘代码有变化时,能够及时调整。正在收集中,代码不断增加 ……
1、名称:美味书签(del.icio.us)
<a href="http://del.icio.us/post" onclick="window.open('http://del.icio.us/post?v=4&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=700,height=400'); return false;"> Save This Page</a>
2、名称:新浪ViVi (vivi.sina.com.cn )
<a
href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange
().text:''):(d.getSelection?d.getSelection():'');void(vivi=window.open('http://vivi.sina.com.cn/collect/icollect.php?pid=2008&title='+escape(d.title)+'&url='+escape(d.location.href)+'&desc='+escape(t),'vivi','scrollbars=no,width=480,height=480,left=75,top=20,status=no,resizable=yes'));vivi.focus();" title="收藏的网页将被永久地保存到爱问ViVi收藏夹http://vivi.sina.com.cn"><img src=http://image2.sina.com.cn/pfp/iweb/vivi_coop.gif border=0></a>
3、名称:百度收藏(cang.baidu.com)
<a href="javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0" style="color:#000000;text-decoration:none;font-size:12px;font-weight:normal"><SPAN style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px"><IMG alt=添加到百度搜藏 src="http://cang.baidu.com/-/remote/fav1.jpg" align=absMiddle border=0>&nbsp;添加到百度搜藏</SPAN></a>
4、名称:Poco收藏(share.poco.cn)
<a
href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange
().text:''):(d.getSelection?d.getSelection():'');void(vivi=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'_blank','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));" title="收藏到POCO 网摘http://share.poco.cn"><img src=http://share.poco.cn/images/poco_cop.gif border=0></a>
5、名称:365Key(www.365key.com
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();" title="功能强大的网络收藏夹,一秒钟操作就可以轻松实现保存带来的价值、分享带来的快乐">收藏此页到<font color=DarkOrchid>365K<font color="#57c200">e</font>y</font></a>
6、名称:和讯网摘(bookmark.hexun.com)
<a href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://bookmark.hexun.com/post.aspx?title='+escape(t)+'&url='+escape(u)+'&excerpt='+escape(e),'HexunBookmark','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));">添加到和讯网摘</a>
7、名称:天极网摘(bookmark.hexun.com)
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(yesky=window.open('http://hot.yesky.com/dp.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&st=2','_blank','scrollbars=no,width=400,height=480,left=75,top=20,status=no,resizable=yes'));yesky.focus();"title="推荐到天极网摘 http://hot.my.yesky.com [鼠标划选本文摘要,然后点击本图片]"><img src="http://hot.my.yesky.com/image/souchang1.gif" border=0></a>
8、名称:黑米书签(www.hemidemi.com
<a href="javascript:desc='';via='';if(document.referrer)via=document.referrer;if(typeof(_ref)!='undefined')via=_ref;if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://www.hemidemi.com/user_bookmark/new?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&description='+encodeURIComponent(desc)+'&via='+encodeURIComponent(via)));"><img src="http://www.hemidemi.com/sticker/user/www.braverobbin.com.gif" border="0" alt="" /></a>
9、名称:QQ书签(shuqian.qq.com)
<a href="javascript:window.open('http://shuqian.qq.com/post?from=3&title='+encodeURIComponent(document.title)+'&uri='+encodeURIComponent(document.location.href)+'&jumpback=2&noui=1','favit','width=930,height=470,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)" style="text-decoration:none;color:#155da5;display:block;background:url('http://shuqian.qq.com/img/add.gif') no-repeat 0px 0px;height:23px;width:116px;padding:2px 2px 0px 20px;font-size:12px;">收藏到QQ书签</a>
10、名称:雅虎收藏(myweb.cn.yahoo.com)
<a href="#" onclick="window.open('http://myweb.cn.yahoo.com/popadd.html?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title), 'Yahoo','scrollbars=yes,width=780,height=550,left=80,top=80,status=yes,resizable=yes');"><img src="http://cn.yimg.com/i/fav/add2myweb.gif" border=0>添加到雅虎收藏</a><sup>+</sup>
11、名称:奇客diglog(www.diglog.com
<a title="推荐到diglog" href="javascript://" onclick="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.diglog.com/submit.aspx?title='+escape(d.title)+'&url='+escape(d.location.href)+'&description='+escape(t),'keyit','resizable,location,menubar,toolbar,scrollbars,status'));keyit.focus();"><img src="http://img.diglog.com/images/diglog_thrumb_1.gif" border="0"></a>
12、名称:Diigo(www.diigo.com
<a href="#" onclick="var s=document.createElement('script');s.type='text/javascript';s.src='http://www.diigo.com/javascripts/webtoolbar/diigolet_b_h_b.js';document.body.appendChild(s);"><img style="border:none" alt="diigo it" src="http://www.diigo.com/images/ii_blue.gif" /></a>
13、名称:饭否(www.fanfou.com
<a href="javascript:var d=document,w=window,f='http://fanfou.com/share',l=d.location,e=encodeURIComponent,p='?u='+e(l.href)+'?t='+e(d.title)+'?d='+e(w.getSelection?w.getSelection().toString():d.getSelection?d.getSelection():d.selection.createRange().text)+'?s=bl';if(!w.open(f+'r'+p,'sharer','toolbar=0,status=0,width=600,height=400')){l.href=f+'.new'+p;}void(0)"><img src="http://static.fanfou.com/img/icon.gif" alt="分享到饭否" /></a>
14、名称:飞豆(www.feedou.com
<a target=_blank href="http://www.feedou.com/addchannelservlet?commandkey=takersslog&url=http://www.***.com/rss.xml"><br><img src="http://www.feedou.com/images/rss_button4.gif" border="0" /><br></a>
15、名称:抓虾(www.zhuaxia.com
<a target=_blank href="http://www.zhuaxia.com/add_channel.php?sourceid=102&url=http%3A%2F%2Fwww.***.com"><br><img src="http://www.zhuaxia.com/images/subscribe_19.gif" border="0" alt="订阅到抓虾" /><br></a>
16、名称:鲜果在线(www.xianguo.com
<a target="_blank" href="http://www.xianguo.com/subscribe.php?url=www.***.com"><img src="http://www.xianguo.com/img/dy88.gif" border="0" alt="订阅到鲜果" /></a>
17、名称:Digg It!(digg.com)
<a href="http://www.digg.com">
<img src="http://digg.com/img/badges/16x16-digg-guy.gif" width="16" height="16" alt="Digg!" />
</a>
18、名称:Funp 推推王 (Funp.com)
<a href="http://funp.com/push/submit/add.php?&via=tools" title="貼到funP"><img src="http://funp.com/tools/images/post_05.gif" border="0"/></a>
19、名称:有道阅读 (reader.yodao.com)
<a target="_blank" href="http://reader.yodao.com/b.do?url=www.zfnn.com"><img src="http://reader.yodao.com/images/takeyodaofeed1.gif" border="0" alt="订阅到有道阅读" /></a>

 
【版权声明】本站部分文章来自网络,欢迎转载本人原创文章、图片,请提供本博客中相应文章的链接。
请勿将原创图片、文章用于商业用途!对于给您带来的不便表示抱歉!!
本站所分享的影视作品均转自网络,仅供测试和学习交流。请在下载后24小时内删除,请购买/支持正版。
若有侵权,请即时留言告知,万分感谢!
 
该日志由 暗潮 于 2008年5月11日 发表在 博客电脑 分类下
关键字: Zblog  网摘  
 
 
 
目前有 63+ 人访问,有 1+ 条评论! 感谢支持!
  • 哎呀  哎呀 :2010/8/27 17:21:02  IP:218.80.249.202  @回复
  • 这个代码很不错,实用的技巧值得推荐!!!
    • 暗潮  暗潮 :2010/9/6 9:10:34  IP:127.0.0.1  @回复
    • 有些技巧确实能够增加网站的互动性,大家花香学习吧,欢迎多多指教!
 

 
日历
网站分类
搜索
最新留言
站点统计
Tags列表
 
Copyright ©2007-2018 暗潮天空 BlueSky wu2007.Cn京ICP备08005769

Powered By Zblog Theme By 流年岁月