发现博客园可以自定义的地方很多，闲的无聊，把博客改得漂亮一点。以下均为个人喜好，若喜欢可以直接抱走！

 

首先先进入博客后台管理

一. 博客皮肤

　　我的主题是：LessIsMoreRight

　　页面定制CSS代码:

/*公用*/body {    font-size:13px;    padding:0;    margin:0;    font-family:"微软雅黑","宋体",Arial;    background:#205424 url("http://images.cnblogs.com/cnblogs_com/Running-Time/724426/o_14050120505358.jpg") no-repeat top center fixed;    background-size:100% 100%;    min-width:1200px;}#home {    opacity: 0.95;    filter: alpha(opacity=95);    box-shadow:0 0 10px #000;    margin:40px auto;    width:1200px;    background:#fff;    overflow:auto;    border:solid 1px #fff;}/*段落*/.postBody p,.postCon p {    margin:7px 0;    line-height:24px;}h1 {    margin:0;}h3 {    font-size:15px;    font-weight:bold;}/*超链接*/a {    color:#464646;    text-decoration:none;}a:hover {    text-decoration:underline;}a:visited,a:hover {    color:#464646;}ul {    list-style:none;    margin:0;    padding:0;}image {    border:none;}#header {    padding:20px;}/*博客标题*/#blogTitle,#blogTitle a {    font-weight:bold;    color:rgb(56,13,22);}#blogTitle .title {    margin-top:10px;    height:100px;    line-height:100px;    font-size:36px;    padding-left:175px;    background:#fff url("http://images.cnblogs.com/cnblogs_com/Running-Time/724426/o_b74124f376fc157f352acc88.jpg") no-repeat;}.headermaintitle {    }#blogTitle,#blogTitle a:hover {    text-decoration:none;}/*子标题*/.subtitle {    padding-left:30px;    font-size:14px;    color:#999;    font-weight:normal;    margin:10px 0;}/*导航栏*/#navigator {    font-size:16px;    height:48px;    background:#555555;    text-align:center;    margin-top:20px;    margin-bottom:20px;}#navList li {    margin:0;    line-height:48px;    display:inline-block;    float:left;}#navList li:hover {    background:#6DA47D;}#navList li a {    padding:0 30px;    text-decoration:none;    line-height:48px;    border:0;    color:#fff;    display:-moz-inline-box;    display:inline-block;}.blogStats {    height:48px;    color:#fff;    line-height:48px;}#main {    padding:20px;}/*左边*/#sideBarMain {    padding:0 10px 0 0;    background:#fff;    margin:0 0 20px 0;    width:190px;    font-size:12px;    line-height:22px;}#sideBarMain a {    color:#666;}#leftcontentcontainer {    color:#666;}.newsItem {    color:#666;}/*公告*/#profile_block {    margin-top:0px;    line-height:24px;    text-align:left;}/*主面板*/#mainContent {    margin-top:0px;    padding-top:0px;    padding-right:0px;    background:#fff;    padding-bottom:0px;    float:right;    width:960px;    padding-left:0px;}/*每日文章列表*/.day {    background:#fff;    padding:0;    margin:0 0 20px 0;}/*博客标题*/.postTitle a {    color:#464646;}.postTitle {    padding-bottom:10px;    font-size:20px;    font-weight:bold;    color:#464646;    background:url('http://images.cnblogs.com/cnblogs_com/Running-Time/724426/o_ajax-jump-loader.gif') no-repeat 0 3px;    padding-left:30px;}.dayTitle {    display:none;}/*摘要*/.c_b_p_desc {    padding:10px;    line-height:24px;    color:#888;}.c_b_p_desc a {    color:#888;}.c_b_p_desc a:hover {    text-decoration:none;    border-bottom-width:1px;    border-bottom-style:dotted;}/*右侧图片*/.desc_img {    margin-left:10px;    border:solid 1px #fff;    box-shadow:0 0 10px #aaa;}/*博文页*/#topics .post {    background:#fff;}.postCon {    padding:10px 20px 0 20px;}.postDesc {    margin:0 30px;    margin-bottom:2px;    padding:8px 0px;    font-size:12px;    color:#aaa;    background:#fff;    text-align:right;}.postDesc a {    color:#AAA;}.postBody {    padding:0;}/*google搜索框*/#google_q,#q {    height:22px;    width:120px;    border:solid 1px #ccc;    box-shadow:inset 0 0 3px #ddd;    border-radius:4px;}/*搜索按钮*/.btn_my_zzk {    font-family:'Microsoft Yahei';    border:none;    height:26px;    width:60px;    padding:1px;    font-size:14px;    cursor:pointer;    position:relative;    vertical-align:middle;    display:inline-block;    background:#555555;    border-radius:4px;    color:#fff;}.btn_my_zzk:hover {    background:#6DA47D;}/*评论按钮*/#btn_comment_submit {    border:none;    height:48px;    width:120px;}/*评论按钮*/.comment_btn {    font-family:'Microsoft Yahei';    border:none;    height:48px;    width:120px;    font-size:18px;    cursor:pointer;    position:relative;    vertical-align:middle;    display:inline-block;    background:#555555;    color:#fff;}#btn_comment_submit:hover {    background:#6DA47D;}/*评论标题*/.feedback_area_title {    padding:10px;    font-size:24px;    font-weight:bold;    color:#555555;    border-bottom:solid 6px #555555;}.feedbackListSubtitle {    font-size:12px;    color:#888;}.feedbackListSubtitle a {    color:#888;}.comment_quote {    background:#FCFAAC;    padding:15px;    border:1px solid #CCC;}#commentform_title {    color:#555555;    background-image:none;    background-repeat:no-repeat;    margin-bottom:10px;    padding:10px 20px 10px 10px;    font-size:24px;    font-weight:bold;    border-bottom:solid 6px #555555;}/*评论框*/#comment_form {    margin:10px 0;    padding:0;}.commentform {    margin:10px 0;    padding:10px 20px;    background:#fff;}/*评论输入域*/#tbCommentBody {    font-family:'MIcrosoft Yahei';    margin-top:10px;    width:940px;    max-width:940px;    min-width:940px;    background:white;    color:#333;    border:2px solid #fff;    box-shadow:inset 0 0 8px #aaa;    padding:10px;    height:120px;    font-size:14px;    min-height:120px;}/*评论条目*/.feedbackItem {    font-size:14px;    line-height:24px;    margin:10px 0;    padding:20px;    background:#F2F2F2;    box-shadow:0 0 5px #aaa;}.feedbackListSubtitle {    font-weight:normal;}/*分类页*/.entrylist {    padding:10px 20px;    background:#fff;}.entrylistItem {    margin:10px 0;    padding:10px;}.entrylistPosttitle {    font-size:18px;    font-weight:bold;    background:url('') no-repeat 0 3px;    padding-left:30px;}.entrylistPostSummary {    padding:10px;}.entrylistItemPostDesc {    font-size:12px;    color:#999;    padding-left:40px;}/*尾部*/#footer {    font-size:12px;    margin:20px;    padding:12px;    text-align:center;    background:#555555;    color:#DDD;    font-size:14px;}/*文章内图片*/#cnblogs_post_body p img {    margin:10px;}/*顶一下*//*.diggnum {    font-size:28px;    color:#555555;    font-family:'Microsoft Yahei';}#div_digg .diggnum {    line-height:100px;}*//*.diggit {    float:left;    width:128px;    height:128px;    background:url('') no-repeat;    background-position:0 0;    text-align:center;    cursor:pointer;}*//*.diggit:hover {    background-position:-128px 0;}*//*踩一下（园友反映，这个有点“邪恶”，呵呵，其实是我没来得及设计这个背景图片，就暂时把它隐藏了……可以去掉这句话）*/.buryit {    display:none;}.diggword {    display:none;}/*green_channel*/#green_channel {    text:align:right;    background:#555555;    padding-left:20px;    font-weight:normal;    font-size:15px;    width:920px;    border:none;    color:#fff;    padding:20px;    border-radius:4px;}/*最新评论*/#myposts .PostList {    font-size:14px;    line-height:17px;    margin:10px 0;    padding:15px;    background:#F2F2F2;    box-shadow:0 0 5px #aaa;}#myposts .postTitl2 a {    color:#555555;}

　　基于网上共享css代码，

　　注意使用该css代码要：禁用模板默认CSS

 

 

二. 博客侧边栏公告（支持HTML代码） 效果 ←_←看左侧

　　1. 人形时钟：

　　2. 地球仪-博客访问流量统计：

     
      
      
      
      Large Visitor Globe
     

　　注意这个显示的是我的博客访问量，如有需求可以去 拿代码 -> (新标签看原图)

 

　　3. 小老鼠：

　　

　　4. 背景音乐(没啥用)：

　　　　先在网易云音乐找歌(支持专辑)：　　然后生成html代码贴上：

 

 

三. 自定义高亮代码

　　这个我之前写过了

 

 暂时就搞了这些，未完待续~