饭否上有很多童鞋喜欢把饭否的Widget挂在自己的Blog上，但往往和Blog的风格不配，所以今天的系列文章：玩转饭否就给大家讲讲如何让饭否Widget更个性！

玩转饭否

首先我们重温一下如何在Blog中添加饭否的Widget：饭否»插件»JavaScript插件。在添加后我们可以发现，饭否的Widget其实是由HTML构成的（废话），因此我们就可以用强大的CSS来控制它的样式风格啦。刘丹童鞋教你怎样修饰饭否的JavaScript插件：

看看饭否的JavaScript插件生成的代码：

所以说，我们可以这样写CSS代码：

1 2 3 4 5

.fanfou_statuses { padding:1em; background:#0c1021; color:#fff;} .fanfou_statuses ul { list-style-type:disc;} .fanfou_statuses a { color:#61ce3c; text-decoration:none;} .fanfou_statuses a.stamp { color:#7f90aa;} .fanfou_statuses img { border:0;}

得到的效果就是下图这样了：

觉得下面饭否的Logo很不配么，我们同样可以把它Biu掉。Slyar童鞋一句话教你如何隐藏饭否调用的LOGO，你只需要在CSS中添加下面这一句话：

1	.fanfou_statuses p{display:none;}

OK。你把饭否的Widget美化得怎么样了呢？