注：罗嗦下：本文发表于我的测试Blog：http://hi.baidu.com/breach2008/blog/item/037e0f091dfdce206a60fb61.html 。

看到ycosxhack兄在自己的Blog上添加了一个好玩的玩意，网友:BR在留言板提问怎么添加。我也想知道怎么获得这样的效果，看到ycosxhack兄有提示是在CSS模板里添加一些代码就可以了，但没有给出具体的操作步骤。我想ycosxhack兄一定是很忙的，所以趁今天是周末，明天不用上班，就操作下，获得了相应的效果，便把具体步骤写下来，帮ycosxhack兄答复你的问题，也算是本Blog的开头----记得，这个是我的breachme 的测试帐号，呵呵。

1、

打开ycosxhack兄的CSS代码一看，如下：

/*相册区域*/
#m_album{margin-left:5px;height:266px;background:url(http://b.fanfou.com/u/ycosxhack/m185_3.png) no-repeat}

#m_album div.image{display:none;}
#m_album div.page{display:none;}
#m_album div.page a{display:none;}
#m_album div.page a:visited{display:none;}
#m_album .phpage{display:none;}

原来是修改相册区域的样式，从而把相册区域换成显示饭否的图片插件。

2、

既然是连接外部的东西，并且从图片上可以知道应该需要申请饭否的帐号，所以你应该去http://fanfou.com/申请一个帐号，比如我申请的是breachme(记得你申请的时候要填写一个真实的邮箱帐号，因为它需要认证你的邮箱，你可以使用你的QQ邮箱了)，申请完，使用饭否 的插件功能，获得一个自己ID的图片。

你可以根据自己的需求自己定义，我的图片地址是：http://b.fanfou.com/u/breachme/m170.png

3、

留言：

4、

切换回自己的Blog，去修改自己的CSS模块：

5、

根据自己Blog的具体自己添加代码，比如我添加的是如下的代码：

/*相册区域*/
#m_album{height:268px;background:url(http://b.fanfou.com/u/breachme/m170.png) no-repeat}

#m_album div.image{display:none;}
#m_album div.page{display:none;}
#m_album div.page a{display:none;}
#m_album div.page a:visited{display:none;}
#m_album .phpage{display:none;}

保存模板，预览下：