在博客上显示QQ签名

29 十二月 2009 | 网页前端 | Tags: , , , ,

先看看效果~~也可以在上面看到~~那就是QQ签名了。

QQ签名哪里来呢·嘿嘿，我们可以利用taotao.com来取到我们的QQ签名，当然，需要你设置把签名保存在滔滔里，不然只能获取到滔滔的信息了。

大猫曾写过 在Blog上显示QQ签名 – (庙)是一天建成的 ，输入下面的地址可以得到滔滔第一条信息，不过这个地址失效了。

http://taotao.qq.com/v1/qz_first/firstjson?uin=你的QQ号

没关系~~我们从滔滔给出的JS插件来找就可以。

下面是分析，如果看不懂直接跳到下面一段

<script type="text/javascript">var taotao_qq=12345678; var taotao_num=10;var taotao_type=0;</script>
<script type="text/javascript" charset="utf-8" src="http://www.taotao.com/js/dkapi.js"></script>

当然你可以直接用上面的代码显示在你的博客上~但是我只需要我自己的签名信息就可以了。
从http://www.taotao.com/js/dkapi.js可以看到下面这个地址，复制到浏览器看一下~

http://www.taotao.com/cgi-bin/msgj?qq=这里换成你的QQ号&num=1

打开的结果是一段JS

doApi({"posts":[{"cn":"人参要泡在杯具里才入味。有点感冒&amp;喉咙痛~没发热~~37.1° ","id":"14294845341","sr":3,"time":"3,1"}],"ret":0,"total":203,"type":0,"ui":{"lrank":0,"name":"QQ昵称","qq":你的QQ号,"rank":0,"rec":"","usn":9948760}})

以前我看到的好像只返回一段JSON的，现在前面加上了个调用函数，没关系，我们来实现就可以了。

上面是分析方法，如果看不懂直接跳到这里实现

具体代码：

<div id="taotao"></div>
 
<script type="text/javascript">
function doApi(obj) {
	var taotao = document.getElementById("taotao");
    if (obj.ret != 0) {
        taotao.innerHTML = "看,有灰机...QQ签名加载失败鸟";
        return;
    }
	taotao.innerHTML = obj.posts[0].cn;
}
</script>
<script type="text/javascript" src="http://www.taotao.com/cgi-bin/msgj?qq=你的QQ号&num=1"></script>

在wordpress的做法是可以在header.php内你想显示的地方加一个<div id=”taotao”></div>，然后上面的代码可以放在任何地方。不过注意代码顺序不要乱了,doApi方法要在taotao.js的前面，这样才可以调用嘛~

很简单~


  3. 我的QQ跟我的博客是分开的，不想让QQ上的人看到跟博客有关的东西
    于是我用twitter~~ /大笑

  7. 俺还是用嘀咕。嘿嘿，也能自动将QQ签名弄到博客里。 /鼓掌

  14. 我想在某张图上面随时更新用户个性签名 又可以水印 不知道博主 您知道 这个怎么弄吗？

    • 以我所知在图上加字加水印可以用java来实现，php应该也可以的。。