怎么设计自己的博客园个人首页

在众多博客网站中，博客园的一个亮点是能够自己设计个人首页，你可以通过自己的喜好来设计出自己喜欢的个人主页，突现自己的与众不同~那么我们该如何来设置呢？大致步骤如下：

 

1.首先，我们点进自己博客的管理的设置选项，如下图：

 

 

2.选择一个时区和国家（这个不影响后续的设计……），在博客皮肤处选择一个自己喜欢的主题风格。

 

 3.个人主页的主题部分的设置

　　在博客皮肤下方有个“页面定制CSS代码”，此处就是我们的主要战场，因为你的个人主页的大致框架就是在这里实现的，而实现方式则是在下方的方框中填写CSS代码，通过各个属性来进行协调控制。这个主要靠自己来实现，因为每个人的喜好风格大都不同，不过如果实在不会写的话可以去网上搜下别人的代码，然后将属性进行修改也行。（下方为我的代码）

#site_nav_under {
display: none;
}
.c_ad_block, .ad_text_commentbox {
display: none;
margin: 0;
padding: 0;
}
#ad_under_google {
height: 0;
overflow: hidden;
}
#ad_under_google a {
display: none;
}
#home {
margin: 0 auto;
width: 65%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#blogTitle {
height: 60px;
clear: both;
}
#navigator {
font-size: 13px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 50px;
clear: both;
margin-top: 25px;
}
#blogTitle h2 {
font-weight: normal;
font-size: 18px;
font-size: 1.18571429rem;
line-height: 2.546153846;
color: #757575;
float: left;
}

body{
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");
background-repeat:no-repeat;
background-size:100%;
background-attachment: fixed;
filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}

ps.body里面的background-image:url后面引号内的那一串为你所选择的图片的URL码，将我的那个修改成你自己喜欢的图片的URL码即可~代码最后的三个属性为不透明度，自己调为自己喜欢的不透明度即可。

4.公告栏

　　送点干货。

仓鼠代码：

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2F&amp;up_tailColor=E6DEBE&amp;" width="200" height="160">
<param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2E&amp;up_tailColor=E6DEBE&amp;">
<param name="AllowScriptAccess" value="always">
<param name="wmode" value="opaque"></object>
<span style="color: #3E8BD6;font-size: 9pt;">求投食~（点图即可）</span>

 

时钟：

<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">
<param value="always" name="allowScriptAccess">
<param value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<param value="transparent" name="wmode">
<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">
</object>

5.页首和页尾

　　这部分内容就靠自己了，我也没有什么好的提议……

6.访客量的统计

　　这个有专门的网页负责统计的，我在这里推荐两个（风格一、风格二），在那上方注册后它会自动生成html代码，然后你把它copy过来即可，至于放的位置可以随意，页首页尾都可以，公告栏也行~

 

差不多就是这些啦~希望我的博客能够帮到你，让你设计出自己喜欢的个人主页~