你也可以的，个性化自己的博客推荐

可以看到右下角：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655229304.png"></a>

可以看到：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655235235.png"></a>

效果反差还是比较大的。

首先博客园是可以自己写CSS的，在

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655239106.png"></a>

下面的通过CSS定制页面风格里面可以输入自定义的css代码。

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655248484.png"></a>

原理：找到控制”推荐一下的”div是哪一个，然后设置它的css

在这里我使用IE8来找，当然你也可以用firefox。

按F12：弹出开发人员工具

选择 “查找-&gt;单击选择元素”

选择后效果如下：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/20110811065525577.png"></a>

同样你在开发人员工具中也可以看到：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655253891.png"></a>

OK，既然找到了控制”推荐一下”的div是div_digg，那么就应该自定义了。

如果你css学的不错的话，那可以自己写css，否则就还是用别人的吧，在这里我用的是别人的。

可以打开fiddler，然后浏览小洋的文章:

在fiddler里面的

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655265462.png"></a>

可以找到：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655283627.png"></a>

在这里我把脚本贴出来：

把这段css写到后台自定义css文本框中：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655295164.png"></a>

保存

然后浏览文章，你会发现：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655302590.png"></a>

查看div_digg的html代码

可以发现diggit就是"推荐一下"，buryit就是"反对"

如果你不希望人家投反对票，你可以加上：

效果如下：

<a href="http://images.cnblogs.com/cnblogs_com/LoveJenny/201108/201108110655329294.png"></a>

本文转自LoveJenny博客园博客，原文链接：http://www.cnblogs.com/LoveJenny/archive/2011/08/11/2134378.html，如需转载请自行联系原作者