你也可以的，個性化自己的部落格推薦

可以看到右下角：

<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，如需轉載請自行聯系原作者