在眾多博客網站中，博客園的一個亮點是能夠自己設計個人首頁，你可以通過自己的喜好來設計出自己喜歡的個人主頁，突現自己的與眾不同~那么我們該如何來設置呢？大致步驟如下：
1.首先，我們點進自己博客的管理的設置選項，如下圖：
2.選擇一個時區和國家（這個不影響后續的設計……），在博客皮膚處選擇一個自己喜歡的主題風格。
3.個人主頁的主題部分的設置
在博客皮膚下方有個“頁面定制CSS代碼”，此處就是我們的主要戰場，因為你的個人主頁的大致框架就是在這里實現的，而實現方式則是在下方的方框中填寫CSS代碼，通過各個屬性來進行協調控制。這個主要靠自己來實現，因為每個人的喜好風格大都不同，不過如果實在不會寫的話可以去網上搜下別人的代碼，然后將屬性進行修改也行。（下方為我的代碼）
1 #site_nav_under { 2 display: none; 3 } 4 .c_ad_block, .ad_text_commentbox { 5 display: none; 6 margin: 0; 7 padding: 0; 8 } 9 #ad_under_google { 10 height: 0; 11 overflow: hidden; 12 } 13 #ad_under_google a { 14 display: none; 15 } 16 #home { 17 margin: 0 auto; 18 width: 65%; 19 min-width: 950px; 20 background-color: #fff; 21 padding: 30px; 22 margin-top: 30px; 23 margin-bottom: 50px; 24 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 25 } 26 #blogTitle { 27 height: 60px; 28 clear: both; 29 } 30 #navigator { 31 font-size: 13px; 32 border-bottom: 1px solid #ededed; 33 border-top: 1px solid #ededed; 34 height: 50px; 35 clear: both; 36 margin-top: 25px; 37 } 38 #blogTitle h2 { 39 font-weight: normal; 40 font-size: 18px; 41 font-size: 1.18571429rem; 42 line-height: 2.546153846; 43 color: #757575; 44 float: left; 45 } 46 47 body{ 48 background-image:url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1519917822425&di=588e6805714d43b991fb54c928fad76e&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F6%2F53bb63533c313.jpg"); 49 background-repeat:no-repeat; 50 background-size:100%; 51 background-attachment: fixed; 52 filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; 53 }
ps.body里面的background-image:url后面引號內的那一串為你所選擇的圖片的URL碼，將我的那個修改成你自己喜歡的圖片的URL碼即可~代碼最后的三個屬性為不透明度，自己調為自己喜歡的不透明度即可。
4.公告欄
送點干貨。
倉鼠代碼：
1 <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"> 2 <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&"> 3 <param name="AllowScriptAccess" value="always"> 4 <param name="wmode" value="opaque"></object> 5 <span style="color: #3E8BD6;font-size: 9pt;">求投食~（點圖即可）</span>
時鍾：
1 <object id="honehoneclock" width="200" height="100" align="middle" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> 2 <param value="always" name="allowScriptAccess"> 3 <param value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf" name="movie"> 4 <param value="high" name="quality"> 5 <param value="#ffffff" name="bgcolor"> 6 <param value="transparent" name="wmode"> 7 <embed width="200" height="100" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="always" name="honehoneclock" bgcolor="#ffffff" quality="high" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf" wmode="transparent"> 8 </object></pre></pre></pre></pre>
5.頁首和頁尾
這部分內容就靠自己了，我也沒有什么好的提議……
6.訪客量的統計
這個有專門的網頁負責統計的，我在這里推薦兩個（風格一、風格二），在那上方注冊后它會自動生成html代碼，然后你把它copy過來即可，至於放的位置可以隨意，頁首頁尾都可以，公告欄也行~
差不多就是這些啦~希望我的博客能夠幫到你，讓你設計出自己喜歡的個人主頁~