博客园自定义心得分享

在博客园没待多久，但是刚进来的时候找自己合适的博皮都让我纠结了好久~~最后只有一款ClassicBlue看的过去。后来发现这么多人都在用这些博皮也太没个性了，就想到自定义。然后网上查了许多相关的博文，自己动手试了很多，整成现在这样子。虽然不算非常满意，但也是看的过去的吧。昨天Artyu闪存问到如何在博客园加入播放器，我就想到跟大家分享一下自定义经验吧~~

一、首先：

首先大家可以看看这篇文章：LloydSheng写的《玩转博客园的5个小技巧》

不过有几点需要补充的：

订阅菜单：

我增加了两个分别是“YAHOO”,"有道"，我的代码如下：

<a href="http://www.zhuaxia.com/add_channel.php?url=http://www.cnblogs.com/wanglikai91/rss" target=_blank>
<IMG style="MARGIN-BOTTOM: 3px" border=0 alt=抓虾 vspace=2 src="http://img.feedsky.com/images/icon_subshot01_zhuaxia.gif">
</a>
<br />
<a href="http://fusion.google.com/add?feedurl=http://www.cnblogs.com/wanglikai91/rss" target=_blank>
<img style="MARGIN-BOTTOM: 3px" border=0 alt="google reader" vspace=2 src="http://img.feedsky.com/images/icon_subshot01_google.gif">
</a>
<br/>
<a href="http://www.xianguo.com/subscribe.php?url=http://www.cnblogs.com/wanglikai91/rss" target=_blank>
<IMG style="MARGIN-BOTTOM: 3px" border=0 alt=鲜果 vspace=2 src="http://img.feedsky.com/images/icon_subshot01_xianguo.gif">
</a>
<br/>
<a href="http://inezha.com/add?url=http://www.cnblogs.com/wanglikai91/rss" target=_blank>
<IMG style="MARGIN-BOTTOM: 3px" border=0 alt=哪吒 vspace=2 src="http://img.feedsky.com/images/icon_subshot01_nazha.gif">
</a>
<br/>
<a href="http://add.my.yahoo.com/rss?url=http://www.cnblogs.com/wanglikai91/rss" target="_blank"><img border="0" src="http://silverfuture.cn/MyImages/Feed/FeedYahoo.gif" alt="My Yahoo" vspace="2" style="margin-bottom:3px" >
</a>
<br />
<a href="http://reader.yodao.com/#url=http://www.cnblogs.com/wanglikai91/rss" target="_blank"><img border="0" src="http://silverfuture.cn/MyImages/Feed/FeedYoudao.gif" alt="&#26377;&#36947;" vspace="2" style="margin-bottom:3px" >
</a>
<br />
<a href="http://mail.qq.com/cgi-bin/feed?u=http://www.cnblogs.com/wanglikai91/rss" target=_blank>
<IMG style="MARGIN-BOTTOM: 3px" border=0 alt=QQ邮箱 vspace=2 src="http://img.feedsky.com/images/icon_subshot01_qq.gif">
</a>
<br/>

代码高亮:

现在博客园已经内置支持SyntaxHighlighter高亮了，只需要下载一个WLW插件就可以了

博客园内置支持SyntaxHighlighter代码着色，代码着色语法：<pre class='brush:编程语言'>代码</pre>。

需要注意的是：如何你使用SyntaxHighlighter代码着色，需要将默认编辑器改为TinyMCE。如果使用CuteEditor，CuteEditor会自动去除代码中的空格，造成代码格式破坏。

这个可以参考官方说明：Windows Live Writer推荐SyntaxHighlighter代码着色插件

懒人评论：

现在博客园已经有脚本过滤了，点击后只能在评论框出现评论，而不能自动评论发表了~~~

二、关于背景和标题：

标题我是自己做的一张图，用CSS嵌入的，代码如下：

A.headermaintitle {
	TEXT-INDENT: -1000px; BACKGROUND: url(http://images.cnblogs.com/cnblogs_com/wanglikai91/logo.png) no-repeat
}

背景也是用CSS弄的一张图而已:

BODY {
	FONT-FAMILY: "微软雅黑", "verdana", "ms song", "宋体", "Arial", "Helvetica", "sans-serif"; 
	BACKGROUND: url(http://images.cnblogs.com/cnblogs_com/wanglikai91/bg_muwen.jpg)
}

三、音乐盒：

这个也是一段代码，需要在网站八宝音乐盒注册一个账户，然后创建自己的歌单，添加歌曲后，生成博客代码的，或者你不想分享歌单，而是电台也行，就不用歌单了。详细进网站看，很简单。提示一点，默认情况下歌曲是不自动播放的，如果你希望自动播放可以把代码中的网址最后一个数字0改成1即可，如src=http://www.8box.com/feed/210_000000_list_509698_0/radio.swf改成src=http://www.8box.com/feed/210_000000_list_509698_1/radio.swf就行了。enjoy yourself！

四、分享栏：

也是代码，多的不说了，进加网生成代码就行啦，各种样式自己选择啦！

注：这个我是加在页脚代码里面的。其他代码除了CSS我都是添加在新闻引用代码框内的。

五、访问统计：

这个是博客中很重要的一个工具，我发现的比较好的一个统计网是gostats.cn，也不多说了，你懂的。

六、文章段落缩进及标题样式：

由于默认的很不适合，所以自己改咯。我是用CSS实现，因为如果用html实现会使得页面代码冗杂，以下是我的样式，仅供参考：

#cnblogs_post_body p
{
	text-indent: 2em
}
.postBody h1
{
    margin: 15px 0;
    padding: 0;
    font-size: 130%;
	font-weight: bold;
}
.postBody h2
{
    margin: 15px 0;
    padding: 0;
    font-size: 120%;
	font-weight: bold;
}
.postBody h3
{
    margin: 15px 0;
    padding: 0;
    font-size: 110%;
	font-weight: bold;
}
.postBody h4
{
    margin: 15px 0;
    padding: 0;
	color: #333;
    font-size: 110%;
	font-weight: bold;
}
.postBody h5
{
    margin: 15px 0;
    padding: 0;
	color: #333;
    font-size: 100%;
	font-weight: bold;
}

七、关于WLW：

这里再推荐一下WLW写博客，真的很方便，博客园指南：Windows Live Writer配置步骤

网上也有很多使用技巧，我这里再说一下Ping地址，Ping服务设置使用Ping服务能够快速通知搜索引擎或者Feed爬虫更新你的博客。网上有很多人列出了近百个Ping地址，有很多网页给的有错误，有道的那个，这里也给出我的几个（个人认为这个也不是越多越好，我只加了几个自认为重要的）：

http://ping.baidu.com/ping/RPC2
http://blogsearch.google.com/ping/RPC2
http://blog.youdao.com/ping/RPC2
http://www.feedsky.com/api/RPC2
http://api.my.yahoo.com/RPC2

PS:WLW还不那么完美，虽然可以设置发表日期，但是不能设置发表具体时间，所以一直没用这个功能。

以上个性化虽然简单，但是都是我通过搜素大量博客（基本上把ClassicBlue的使用人博客翻遍了，几百个啊=-=）才搜集到的，同时我也发现博客园不乏高手，用JS一类实现了很炫的效果，非常漂亮，但是由于能力时间有限，无法实践。希望大家路过的，有什么其他自定义美化博客园的方法，也分享下额~~