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不会虚耗你半点时间,你只会发现更多乐趣。 | 立即注册 |