Blogbus Bloglink Hack - 让你的博链与众不同

本主题由 隐藏人物 创建于 2009-2-24 21:32:40

博链是blogbus出品的一个小插件,可以说是一个加强版的友情链接系统,如果讲博链加到你的blog上,你就可以直接在你的blog上发现朋友的更新。

实际上是个rss内容输出widget。这类服务其实不少。

不过鉴于博链的操作简单,我打算使用它。

不过它的外观我不喜欢,特别是那个大大的做得像大按钮的logo挂在上面很不爽。

这个页面上有它的效果图:

http://bloglink.blogbus.com


我决定hack它一下。

我要实现的目标很简单:
1、让“Powered by BlogLink”这个logo消失。(这样做似乎很坏……)
2、重新设计它的外观。


来代码如下:

html部分:

<div class="blogbusrss"><script type="text/javascript" src="http://bloglink.blogbus.com/show?uid=1024686"></script></div>


css部分:


a[href="http://bloglink.blogbus.com"]{display:none;}
#bloglinkdiv00,#bloglinkdiv01,#bloglinkdiv02,#bloglinkdiv03,#bloglinkdiv04{display:none;}
#bloglinkli00 a, #bloglinkli01 a, #bloglinkli02 a, #bloglinkli03 a, #bloglinkli04 a{line-height:22px; padding:10px;}
#bloglinkli00{background:#ff8;}
#bloglinkli01{background:#ff9;}
#bloglinkli02{background:#ffa;}
#bloglinkli03{background:#ffc;}
#bloglinkli04{background:#ffd;}
.blogbusrss a:hover{color:black;}
.blogbusrss h3{padding:0; padding:0;}
.blogbusrss ul{width:274px; padding:1px; border:2px solid #ff6; margin-top:0;}



效果如图所示:




有不明白的,或者出现什么问题的,随时欢迎问我。

放心注册,GeeKaa不会虚耗你半点时间,你只会发现更多乐趣。 立即注册