申請開通博客園之后，系統提供的模板可能顯示效果不理想，這里我們可以自己定義一下博客園的頁面風格，這里分享一下自己的實測經驗
一、在博客園主頁上查看元素css定義
在博客園的主頁上，右鍵鼠標，進入審查樣式，頁面會出現開發調試模塊，如下圖所示：
注：選擇左側的放大鏡按鈕，之后鼠標移動到頁面對應的位置(也可以選擇Elements內的元素)，右側Style欄中會顯示出對應元素的css樣式
如果要更改頁面的寬度，這里選擇Elenments里的id="home"的div，在右側Style欄中，改變width選項，頁面會呈現不同寬度，調整到合適的效果后，復制紅框內的內容；
進入博客園設置頁面，把復制的內容粘貼到頁面定制CSS代碼的文本框中，點擊下方的保存按鈕，即可生效。
頁面中字體大小、顏色等屬性的修改都是同樣的做法，下圖紅框內的內容是我做的修改，僅供參考：
二、在博客園主頁側邊欄自定義js插件
今天瀏覽網頁的時候無意間看到一個小插件很好玩，如圖所示，就准備cp過來
第一步：查看小插件的源代碼
在審查元素的面前，一切特效都是渣渣，這項高亮的代碼想必就是小老鼠的代碼了，具體原理我不懂，但是只要把代碼搞過來，就可以擁有自己的小老鼠了
第二步：在博客園的設置欄，將小老鼠的代碼復制粘貼
如果想在側邊欄添加js內容，需要先點擊申請js的鏈接，申請成功后，頁面會顯示紅框的字樣，再把我們的小老鼠代碼粘貼進去，ok，點擊保存，再次進入博客園
就可以看到自己的小老鼠了，是不是有點小激動呢？
小老鼠實際顯示效果，如下圖所示：
可以根據自己的需要在不同的模板上定義自己的樣式，歡迎大家多學習交流！
css樣式代碼：
#home {
margin: 0 auto;
width: 90%;
margin-top: 20px;
margin-bottom: 20px;
}
#blogTitle h1 a {
font-family: 微軟雅黑;
}
#blogTitle h2 {
font-family: 微軟雅黑;
}
#navList {
font-size: 14px;
font-family: 微軟雅黑;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
font-family: 微軟雅黑;
color: #3167FF;
}
.c_b_p_desc {
font-family: 微軟雅黑;
}
.postTitle {
border-left: 3px solid #0339FD;
}
.catListTitle {
font-weight: bold;
line-height: 1.2;
margin-top: 21px;
margin-bottom: 10.5px;
border-left:10px solid #FFB04F;
padding: 10px 0 10px 14px;
text-align: left;
font-family: 微軟雅黑;
}
#profile_block {
font-family: 微軟雅黑;
}
#navigator {
font-family: 微軟雅黑;
}
* {
font-family: 微軟雅黑;
}
白色小老鼠插件代碼：(注：更改bodyCololr選項可以得到不同風格的小老鼠)
<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2F&up_tailColor=E6DEBE&" width="200" height="160">
<param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2E&up_tailColor=E6DEBE&">
<param name="AllowScriptAccess" value="always">
<param name="wmode" value="opaque"></object>
黑色小老鼠插件代碼：
<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=000000&up_feetColor=D4B898&up_eyeColor=FFFFFF&up_wheelSpokeColor=000000&up_wheelColor=FFFFFF&up_waterColor=66CDAA&up_earColor=FFFFFF&up_wheelOuterColor=000000&up_snoutColor=FFFFFF&up_bgColor=F5DEB3&up_foodColor=000000&up_wheelCenterColor=000000&up_tailColor=FFFFFF&" width="200" height="160">
<param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2E&up_tailColor=E6DEBE&">
<param name="AllowScriptAccess" value="always">
<param name="wmode" value="opaque"></object>
自定義博客園的參考鏈接：http://www.jianshu.com/p/23b2bfc9a90d