Old

让滔滔有点用:用来做博客公告栏

滔滔,一直对其不感冒,一直没用过,一直在好友里面的‘叨客机器人’也是后来才知道原来是用来‘滔滔’的……BANG9F86361EED294A243F7B8CDAXIANGUO

前几天给主题加了公告栏,不管是直接在主题上发公告还是用公告插件都觉得不方便,所以一直在想用其他工具代替,Twitter吧,老是被墙也不方便,而且经常使用也就不能做公告用了。

搜~出来的基本都是用‘滔滔’来做博客公告栏……汗~于是乎按别人的方法折腾:滔滔倒是滔滔了,可惜很讨厌那个界面——好像帮滔滔做广告似地——我只要显示内容!!!

再搜!用滔滔的js!折腾……滔滔内容不出来!什么原因呢?难道是js代码太老了?

算了,自己动手吧,于是来到了从没有来过的滔滔网页……把它调用的js文件下载了来,跟着自己的感觉砍掉了滔滔图片等,于是有了下面的js代码,也是第一步:

1. 把下面的js代码存为:taotao.js

var MAX_ITEMS=20,taotao_pane_id="id_apiPane",KEY_WORD_YJ="[假]";var taotao_sr=new Array('','','','','','','','','','','',"",'');function LK(str){return document.createElement(str);}function LL(str){return document.getElementById(str);}function LG(str,target){var re=new RegExp("http(s)?://([a-z0-9?.=%&-_;#\\/])+","ig");if(target=='_blank'){str=str.replace(re,"<a target='_blank' href='$&'>$&</a>");}else{str=str.replace(re,"<a href='$&'>$&</a>");}return str;}function LH(str){if(typeof(str)=="string"){str=str.replace(/[\r\n\t\0]/g,"");return str;}}function LE(str,target){str=LH(str);var re=/(\[URL=(.[^\[]*)\])(.*?)(\[\/URL\])/ig;if(target=='_blank'){str=str.replace(re,"<A HREF=$2 TARGET=_blank>$3</A>");}else{str=str.replace(re,"<A HREF=$2>$3</A>");}return str;}function initApi(){if(typeof taotao_qq=='undefined'){alert("we can not get qq num,show nothing...!");return;}if(typeof taotao_num=='undefined'||taotao_num<=0||taotao_num>20){taotao_num=20;}if(typeof taotao_type=='undefined'||taotao_type <0||taotao_type >1){taotao_type=0;}}function LI(url){g_cximg=null;g_cximg=new Array();var re=/\[IMG\](.+?)\[\/IMG\]/ig,tt =url.match(re);g_ubbcon=url.replace( re,'' );for( var i=0; i<tt.length; ++i ){g_cximg[g_cximg.length]=tt[i].replace(re,"$1");}}function LF(str){if(str.substr(0,3)==KEY_WORD_YJ){str='<font style="color:red">'+KEY_WORD_YJ+'</font>'+str.substr(3,str.length-3);}return str;}function doApi(obj){if(obj.ret != 0 ){pane.innerHTML ="对不起!暂时无法获取滔滔的唠叨,请稍候重试...";return;}var qq=obj.ui.qq,name=obj.ui.name,usn=obj.ui.usn,rank=obj.ui.rank,lrank=obj.ui.lrank,rec=obj.rec;var arr=obj.posts,i=0,data,pane=LL(taotao_pane_id),li,span,a,bD=false;for(i=0; i<arr.length; i++){data=arr[i];li=LK("li");li.style.wordBreak="break-all";li.style.height="auto";li.style.overflowY ="auto";if(obj.type==1){a=LK('a');a.style.marginRight="8px";a.innerText=data.nm;a.textContent=data.nm;a.href="http://www.taotao.com/v1/space/"+data.qq;li.appendChild(a);if(data.pqq){li.appendChild(document.createTextNode("@"));a=LK('a');a.style.marginRight="8px";a.innerText=data.pnm;a.textContent=data.pnm;a.href="http://www.taotao.com/v1/space/"+data.pqq;li.appendChild(a);}}span=LK("span");if(data.sr==10){span.innerHTML=LE(data.cn,"_blank");}else if(data.sr==9){LI(data.cn);var cxlen=g_cximg.length;span.innerHTML =g_ubbcon+'&nbsp;<a href="http://www.taotao.com/caixin.shtml?qq='+qq+"&tid="+data.id+'">点击查看彩信</a>';}else{span.innerHTML=LF(LG(data.cn,"_blank"));}li.appendChild(span);span=LK("span");span.style.marginLeft="8px";a=LK('a');a.style.color="#929091";if(parseInt(data.pqq)>0){a.href='http://www.taotao.com/v1/reply/t.'+data.pid+'/u.'+data.pqq;}else{a.href='http://www.taotao.com/v1/reply/t.'+data.id+'/u.'+qq;}a.innerHTML=LJ(data.time);li.appendChild(span);span.appendChild(a);span=LK("span");span.style.marginLeft="4px";span.innerText= ""+taotao_sr[data.sr];span.textContent=""+taotao_sr[data.sr];li.appendChild(span);pane.appendChild(li);}}function LJ(t){if( t.charAt(1) != ',' ){return t ;}if( t.length<2 ){return "";}var n=t.charAt( 0 ),v =t.substr( 2,t.length ),s='';if( n==1 ){s='约&nbsp;'+v+'&nbsp;秒前';}else if( n==2 ){s='约&nbsp;'+v+'&nbsp;分钟前';}else if( n==3 ){s='约&nbsp;'+v+'&nbsp;小时前';}else if( n==4 ){s='约&nbsp;1&nbsp;天前';}else if( n==5 ){s='约&nbsp;3&nbsp;天前';}else if( n==6 ){s='约&nbsp;1&nbsp;周前';}else if( n==7 ){s=v;}return s;}function inclApi(){var src="http://www.taotao.com/cgi-bin/msgj?qq="+taotao_qq+"&num="+taotao_num+"&t="+taotao_type,htm='<div>'+'<ul id='+taotao_pane_id+' style="margin-bottom:5px">'+'</ul>'+'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+'<tr>'+'<td align="left">'+'<a href="http://www.taotao.com/v1/space/'+taotao_qq+'" style="color:#0278c2;float:left;display:block;"></a>'+'</td>'+'<td align="right">'+'<a href="http://www.taotao.com" title="滔滔"  style="width:0;height:0;cursor:pointer;float:left;display:block;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://www.taotao.com/images/logo.png\',sizingMethod=\'image\');background:url(http://www.taotao.com/images/logo.png) no-repeat left top !important;*background:none;"></a>'+'</td>'+'</tr>'+'</table>'+'</div>';window.document.write(htm);window.document.write('<sc'+'ript type="text/javascript" charset="utf-8" src="'+src+'"></'+'script>');}initApi();inclApi();

或者直接下载吧,方便,呵呵(上面有点多此一举,算了,反正写了):ziddu网盘

2. 把 taotao.js 上传到你的主题目录下

3. 在你主题模板的公告栏部位填上下面的js调用代码(根据下面的说明更改):

<script type="text/javascript">var taotao_qq=你的QQ号码; var taotao_num=3;var taotao_type=0;</script><script type="text/javascript" charset="utf-8" src="<?php bloginfo('template_directory'); ?>/taotao.js"></script>

代码说明

你的QQ号码:不用解释了,呵呵

taotao_num=3:这个“3”定义显示最后的几条滔滔

taotao_type=0:这个是定义显示的内容类型,“0”是指只显示自己的,“1”是现实淘友和自己的,既然是用来当公告栏,肯定只显示自己的啦。

好,OK了,有兴趣的朋友试试吧。

2009.8.17 补充:

我的这个方法在该死的 IE6 下无效,所以非常在意 IE6 的朋友各位可以考虑用砼砼的php方法——传送门:《WP:用QQ滔滔插件,做博客公告

zww
or
oooo

声明: 除非注明,ZWWoOoOo文章均为原创,转载请以链接形式标明本文地址
本文地址: http://zww.me/archives/24623

31 comments

  1. 要饭的 要饭的 Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

    不错不错的

    沙发
  2. 砼砼 砼砼 Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

    关于内容的东西,不喜欢用JS,因为GG看不到,呵呵

    昨晚去把《锋利的jquery》偷下来了,赈灾认真拜读ing :mrgreen:

    板凳
    • zwwooooo zwwooooo Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

      至于公告内容GG看不到也无所谓了,反正是给来拜访博客的朋友看的。

      《锋利的jquery》是书?还是pdf?如果是pdf或者其它任何可以通过网络传输过来的,那就麻烦你发挥共享精神吧

      • 砼砼 砼砼 Internet Explorer 8.0 Internet Explorer 8.0 Windows XP Windows XP

        pdf,100多MB的说,下载的我好累

        在CSDN下载的,加源码一共六个包

  3. 小T 小T Firefox 3.0.13 Firefox 3.0.13 Windows XP Windows XP

    我也去做个!!!

    地板
    • zwwooooo zwwooooo Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

      :mrgreen: 方法任君选择:zwwooooo / 砼砼

  4. A.shun A.shun Opera 9.64 Opera 9.64 Windows XP Windows XP

    我还google了一下才知道什么是淘淘。。。唉,落伍了

    4楼
    • zwwooooo zwwooooo Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

      我是早知道有滔滔,但不知道是腾讯的……腾讯的服务虽然很霸道但很稳定——后台够硬!

      • A.shun A.shun Opera 9.64 Opera 9.64 Windows XP Windows XP

        确实。最不可能被曝光、最不可能被水产的就是企鹅公司了。
        南山威武。。

  5. Showfom Showfom Firefox 3.5.2 Firefox 3.5.2 Windows Vista Windows Vista

    哈哈 其实 很少有人发现,我的博客 Showfom's Blog 那个标题下面的一行字,就是引用滔滔的,直接php用文字输出,而不是js,目的是和QQ签名同步起来 哈哈

    5楼
    • zwwooooo zwwooooo Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

      你不说还真没人知道!php啊、js我都不懂,所以我也就只能挑最简单的方法了

      • Showfom Showfom Firefox 3.5.2 Firefox 3.5.2 Windows Vista Windows Vista

        我就是从你博客上介绍的那个叫什么砼砼少的文章里看来的,然后自己修改了代码,直接输出一行文字 超爽。
        地址:http://im-t.net/wp-plug-rolling-with-qq-do-blog-bulletins.html
        建议你也用这个,js输出多不爽。

        • zwwooooo zwwooooo Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

          诶?我以为你早自己用上了,砼砼昨天才发表文章的,不过昨天开始feedsky就死了,没看到更新,所以我晚上发完文章才看到砼砼的。

          • Showfom Showfom Firefox 3.5.2 Firefox 3.5.2 Windows Vista Windows Vista

            我就是昨天看到他的文章才用的
            话说,你Gtalk在线不?想请教点东西。

  6. 仁心博客 仁心博客 Internet Explorer 7.0 Internet Explorer 7.0 Windows XP Windows XP

    挺方便的东东

    6楼
  7. 卢松松 卢松松 Maxthon 2.0 Maxthon 2.0 Windows XP Windows XP

    我博客上的公告栏一直想换,因为更新不方便。每次都要从建文章才能显示。
    而且我一直在用滔滔,
    谢谢你给我提供了一个很好的思路!

    7楼
    • zwwooooo zwwooooo Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

      因为一般人不管你喜不喜欢qq都会挂着的,所以用滔滔是最方便的了。

  8. laofan laofan Internet Explorer 6.0 Internet Explorer 6.0 Windows XP Windows XP

    关键是我不知道主题模板的公告栏部位在那里。。。。。

    8楼
    • zwwooooo zwwooooo Firefox 3.5.2 Firefox 3.5.2 Windows XP Windows XP

      哈哈,要自己‘制造’,有些主题才提供公告栏的。

  9. chancat chancat Google Chrome 4.0.229.0 Google Chrome 4.0.229.0 Windows XP Windows XP

    一语点醒梦中人丫, 参考着死路整个嘀咕去 :wink:

    9楼
    • zwwooooo zwwooooo Firefox 3.5.4 Firefox 3.5.4 Windows XP Windows XP

      呵呵,应该也可以吧,反正我不会搞

  10. 碎碎念部落格 碎碎念部落格 Google Chrome 3.0.195.38 Google Chrome 3.0.195.38 Windows XP Windows XP

    BANG9F86361EED294A243F7B8CDAXIANGUO?啥意思?跟googl有关吧 :?:

    10楼
  11. 11楼
  12. Netforce Netforce Maxthon 2.0 Maxthon 2.0 Windows 7 x64 Edition Windows 7 x64 Edition

    早就用上了,可以做仅靠栏,也可以发布或摘录些网上流言。

    12楼
    • zwwooooo zwwooooo Firefox 3.5.7 Firefox 3.5.7 Windows XP Windows XP

      @Netforce 我现在没有用了,因为曾经因为腾讯服务器问题导致把我的博客很慢。不过这个看个人喜好了

  13. 语录时报 语录时报 Google Chrome 4.1.249.1064 Google Chrome 4.1.249.1064 Windows 7 Windows 7

    不错不错,但是现在是腾讯微博了

    13楼
  14. Fantastic ONLINE INCOME POST Caixin Online: Too much trouble for charity’s good turn in China - Income-Online - pingback on 2010/08/16/ 20:19
    14楼
  15. yesureadmin yesureadmin Google Chrome 9.0.570.0 Google Chrome 9.0.570.0 Windows 7 Windows 7

    淘淘改成说说了,这个方法还能用么

    15楼

Leave a Reply