获取前后两篇文章的标题

博客后台点击Template然后选择Edit HTML，在弹出的窗口中选择Expand widget templates。找到</head>，在它的前面添加如下代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

保存后关闭并转到模板Layout页面，添加HTML/Javascript的小组件，加入下面的代码并保存

<style type="text/css">
#blog-pager-newer-link {font-size:20;width:500px;text-align:left;}
#blog-pager-older-link {font-size:20;width:500px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});

- 阅读更多 -

查询本站的安全级别

刚在wscheck上查询丑博客儿的安全级别，给出如下网站安全状态，因为本站使用的是dnspod的服务，所以亮点来了：

This website, choublogger.com, is very young, less than a year (0 years, 1 months and 8 days).
This website has no Google page rank.
This website has a poor Alexa ranking (#7055736).
One or more DNS servers is geolocalised in an unsafty country.
The home page title of choublogger.com is too short, less than 80 characters (丑博客儿).
The home page description of choublogger.com is too short, less than 100 characters.
The text ratio (difference between text and html code) is poor for this website.

unsafty contry... 天朝v587！

关于DNS的检测如下：
Name servers

- 阅读更多 -

锁定后台Layout中小组件的位置

后台Layout中小组件都是可以鼠标拖动换位置的，如果固定某些小组件使其无法拖动呢，举个例子。

博客侧边栏的友情链接是个小组件，对应后台Template的HTML代码中的

<b:widget id='LinkList1' locked='false' title='链接客儿' type='LinkList'>

把locked='false'改为locked='true'就可以了，保存看看。

众多的国内社会化评论系统

滚滚的互联网大潮，挡不住人们的热情。国内的社交评论系统犹如雨后春笋，在最风云变幻之时，多说(http://www.duoshuo.com/)、贝米(http://baye.me/)、灯鹭(http://www.denglu.cc/)、评论啦(http://www.pinglun.la/)、友言(http://www.uyan.cc/)、亦云(http://www.yiyun.cc/)纷纷崛起。

后来友言被加网收购，接着评论啦与友言业务合并，也许是这个领域太小，不适合独立成长，或者是竞争空间有限。天朝外的互联网的广阔空间内，社会化评论系统也屈指可数。并且国内如新浪微博，国外如Facebook也都提供了可用在它站的评论系统代码，依靠社交媒体的强大用户群，几乎可以轻松占据市场一角。

不过，作为用户，我们希望看到的是社交评论系统的繁荣，而不是一人独大；希望看到创新，而不是同质化。社交评论的路可能很长，也可能很短，全都仰仗着弄潮儿们的热情和观潮客们所给的回报了～

自定义评论系统之整合多说评论

我们需要从多说获取两类数据，一类是评论和评论框需要被用来显示在单文章页面上，一类是评论数显示在首页文章列表内。

多说提供的通用代码如下：

<!-- Duoshuo Comment BEGIN -->
    <div class="ds-thread"></div>
    <script type="text/javascript">
    var duoshuoQuery = {short_name:"你的多说二级域名"};
    (function() {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';ds.async = true;
        ds.src = 'http://static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0] 
        || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
    </script>
<!-- Duoshuo Comment END --> 

详细区分一下，<div class="ds-thread"></div>才是评论和评论框，下面大段的javascript代码是获取评论用的。

- 阅读更多 -

ghs服务器抽风...

ghs的服务器又抽风了，无论洛杉矶、香港还是马来西亚的服务器，ping的时候总是时断时续。另外发现一点，在可用的ghs服务器中，速度快的时断时续，速度慢的还好不断，纠结的很。

不知道使用ipv6的地址怎么样，估计这样国内更上不去了。还是订阅靠谱吧，不需要实时的网站良好状况。

自定义评论系统之定位篇

Blogger自带的评论系统不太友好，其他给Blogger用的第三方评论系统在国内也很不稳定。修改博客的评论系统迫在眉睫，国内有好多很好的第三方社会化评论系统，比如多说、友言、贝米、评论啦、灯鹭。我现在的评论系统就是采用的多说，基本上符合常见的评论风格了吧，首页显示评论数，单页显示所有评论。

先定位原先的评论，这是第一步。为了找到哪儿是评论，先要打开评论（废话！）。到管理后台的Settings - Posts and comments，将Comment Location修改为Embeded，其他的选项也可。

定位工作我用的工具是firefox + firebug，chrome更方便，直接审查页面元素即可。打开自己的博客，找两个地方，一是首页显示评论数的地方，另一个是单页显示所有评论以及评论框的地方。重要的是看，这些地方位于哪个div里？这个div的id和class分别是什么。我的是<span class="post-comment-link">以及<div id="comments" class="comments">。

返回博客后台的Template，点击Edit HTML按钮，在弹出的窗口中选中Expand Widget Templates，然后查找class='post-comment-link'以及class='comments'，此处为单引号。

- 阅读更多 -

如何隐藏quickedit快速编辑的扳子图标

我们在Blogger博客后台的Layout里可以把Post的quickedit图标隐藏，但是侧边栏的图标还在！奶奶的，关键这个图标在墙外！

告诉大家隐藏所有页面的扳子图标的简单办法，注意只是隐藏，元素仍停留在页面，修改HTML，在顶部css出添加如下代码：

.quickedit{display:none;}

分页导航的代码的简化版本

之前提到过一个分页导航的代码，可以放在HTML/JavaScript小插件中使用，但是需要调用其他网站的js文件，这是我们不想看到的。特把自己的修改版拿出来给大家观赏：

<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#333333;
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px 7px;
background-color:#FFFFFF;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#333333;
border: 1px solid #cccccc;
padding:3px 7px;
background-color:#cccccc;
margin:0 3px;
}
.showpageOf {
color:#333;
text-decoration:none;
padding:3px 7px;
margin: 0 3px 0 0;
}

- 阅读更多 -

三个Blogger技巧/模板网站

http://24work.blogspot.com/
http://www.bloggerplugins.org/
这都是介绍Blogger博客的技巧的网站

http://www.way2blogging.org/
这里有Blogger的小插件、教程以及模板

分页导航的代码

Blogger没有自带分页导航，网上搜得的代码。首先在博客layout中添加HTML/JavaScript的组件，然后把下面的代码复制进去。效果见本站，略作修改。

<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#333333;
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px 7px;
background-color:#FFFFFF;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#333333;
border: 1px solid #cccccc;
padding:3px 7px;
background-color:#cccccc;
margin:0 3px;
}

- 阅读更多 -

如何移除模板后台的blogger widget javascript

Blogger系统会自动在后台加载形如

<script type="text/javascript" src="//www.blogger.com/static/v1/widgets/4127629733-widgets.js"></script>

的blogger widget javascript，由于这些js直接来自blogger，不幸的又中枪了。而且我们到博客后台的HTML编辑页面是找不到这行代码的。绝不悲催，我们有招儿，解决办法就是把这些js注释掉。

注意，这项更改可能会打乱你的博客布局，因为直接关系到各个widget小工具的效果。

首先到博客后台模板的HTML处查找

</body>

找到之后做如下替换，注意是替换

&lt;!--<div id='do not remove this text if you are a real blogger'/></body>--&gt;&lt;/body&gt;

保存、关闭，完成！

打开你的博客，查看一下源文件，你发现带有widgets.js的这行代码被注释掉了，奶奶个熊的不易啊！

74.125.71.121的ip失效

很不幸的告诉大家，又一个ghs.google.com的ip失效了，请及时更换其他ip

74.125.71.121

Blogger模版网页设计工具Artisteer

在网上找到一个博客模版设计工具Artisteer，支持Joomla、Drupal、Wordpress、DotNetNuke以及Blogger的模版的设计。有感兴趣的达人们可以下载这个软件看看。这个网站同时提供模版安装教程。

http://www.artisteer.com/?p=blogger_templates

十四个blogger模版站

提供一些Blogger模版站，互联网上有非常丰富的模版，Blogger不愧为互联网上最大的博客平台之一，引得众多高手为其设计界面。

注意，使用之前一定要备份自己所用的博客和模版！

http://www.blogcrowds.com/resources/blogger-templates/
http://www.allblogtools.com/category/blogger-templates/
http://www.blogbulk.com/search/label/XML%20Blogger%20Templates
http://btemplates.com/
http://www.deluxetemplates.net/category/blogger-template
http://blogspottemplates.blogspot.com/
http://www.pyzam.com/bloggertemplates
http://blogger-templates.blogspot.com/
http://www.snazzyspace.com/blogger-templates/page/1
http://www.bloggerthemes.net/
http://www.splashytemplates.com/
http://www.hongkiat.com/blog/50-most-beautiful-blogger-templates/
http://www.hongkiat.com/blog/29-beautiful-blogger-templates/
http://www.dailybloggertemplates.com/

Blogger站的模板的选取

前面已经说道，Blogger自带的模板很不适合在墙内观看。不过网上不乏自己制作的blogspot站主题，我用的是 www.blogcrowds.com 的上的主题，这个网站提供了上百个免费的主题供选择。我的主题就是这个网站上下的一个最精简的主题，名为Washed Denim主题，这是由Google的一个大神开发的。

如果你不是网页达人，那还是试试blogcrowds吧。这个网站不用翻墙哦。

它提供两种方法是用它的主题，一种就是只拷贝它的主题代码替换Blogger主题的源代码，缺点是图片和css、js之类的就要连接到它提供的资源里去，比如好多图来自flickr等图床，所以问题又来了，国外的图床是咱屏蔽的重点对象啊！

另外一种方法是下载它的全部主题文件包括图片等，然后上传到自己的图床，这个可以考虑哦。不过我为了简单起见还是选择了无图的主题，简介挺好！

需要更换主题的时候到这个网址 http://www.blogcrowds.com/resources/blogger-templates/ 看看去，Demo就是示例网站，都是blogspot.com的需要翻墙看，Download就是下载主题了。点击Download进入一个下载页面，Basic项只有代码，拷贝代码替换Blogger的主题代码；Complete Package就是整个主题的压缩包了。

替换主题源代码的方法是：

Blogger管理界面，打开博客的后台之后，选择左侧的Template，点击预览图下的Edit HTML按钮，在弹出的窗口中选择Expand Widget Templates的复选框，然后把新的主题代码粘贴进去，一切OK！

如何取消博文发布之后分享到Google Plus?

博文发表完还需要分享到Google Plus，真烦，有什么好分享的啊。怎么取消这个分享提示呢？

打开Blogger的管理后台，进入你要管理的那个博客，看到左侧的Google +图标和字没有？点进去，你会看到你的Google Plus已经自动和Blogger关联了，取消名为Prompt to share after posting的复选框就OK了，发表一篇文章试试吧！

wordpress博客搬家到blogger

这是google code中一些强大的码农们开发的程序，他们将程序放到google app engine上，可供大家在线转换wordpress文章和评论到blogger上去。

第一步，首先到wordpress博客的后台将博客的文件导出。一般在Dashboard - Tools - Export中可以找到，选择All content后点击按钮Download Export File后保存到桌面吧。

第二步，到下面这个网站，点击Choose File按钮选择刚刚保存的文件，接着点击页面的Convert按钮就可转换为blogger可识别的格式了
https://wordpress2blogger.appspot.com/

第三步，因为使用回复备份的方式实现的导入，所以最好是新建的博客，否则会把以前的文章都覆盖了，得不偿失。进入blogger的博客后台，选择Settings - Other，选择Blog Tools后面的Import blog，将转换之后的文件导入即可。

等待上传完毕，搬家完成。这个搬家方式可以实现文章与评论的搬迁，非常的方便。可参见www.orangebugs.net，这个博客的2012年11月份之前的文章以前都是写在wordpress系统上的，可以看到，所有评论都还保留着。

域名dns服务器迁移

提出对blogger绑定的顶级域名使用的dns服务器迁移基于这么几个因素。

首先godaddy的dns服务器速度较慢，有些还被墙了；其次A记录里那几个ip实在是很难访问。

国内的免费dns服务我用的是dnspod.cn，界面友好使用方便。到dnspod.cn上（不是dnspod.com）注册一下账号，登陆进去之后添加自己的域名。系统自动获取域名当前的dns信息，我试过几次，不是很全。按照godaddy后台的dns管理页面的内容把除了A记录之外的所有记录原封不动的抄到dnspod.cn里吧。

那A记录怎么办呢，由于blogger实际上指向了ghs.google.com，于是我们到 https://www.just-ping.com 上ping一下ghs.google.com有哪些ip好了，把ping到的ip自己再到cmd里ping一下，找几个速度相对较快的。基本都是74开头，121结尾的ip。尽管速度最快也不是很快，没办法，只能做到这样了。期待有人提供更好的解决办法。找到4个这样的ip之后，添到dnspod.cn中自己域名的A记录里，名字都是@。

到这一步，只是在dnspod.cn的dns服务器上记录了自己的域名，但是访问者还是无法知道你已经使用了dnspod.cn的服务。找到godaddy的后台，删除原来的dns服务器，不管两个也好，四个也好，都删除，填入下面两个，点OK保存。
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net

等一段时间，你就可以不翻墙，直接浏览choublogger.com和www.choublogger.com了，目前这两个网址都是指向刚刚建立的blogger博客的。因为前面提到的模版的原因，博客是一片空白，或者布局超乱，或者好多带404的框架。但是，至少你可以在国内正常访问了啊亲！

顶级域名绑定blogger

到你的博客后台的Settings - Basic就能看到Publishing一项里显示了当前博客的域名，下面有 +Add a custom domain的链接，点开之后是购买域名。

没关系，选择Switch to advanced settings就是添加我们自己的域名了。在文本框中输入自己的域名（以choublogger.com为例）。然后不要点save，直接点settings instructions，页面进行跳转，如果浏览器提示跳转，确认即可。

接下来是向导页面了，提问Where would you like to host your blog?选择第一项On a top-level domain (www.example.com)后就出现了操作指南。

到域名注册商（以godaddy为例）后台域名DNS管理处修改自己购买的域名的CNAME和A记录。添加两个CNAME，第一个是choublogger指向ghs.google.com，第二个是用来验证的，一组乱码指向一个乱码的域名，照着添就好。A记录用来将裸域名（choublogger.com)指向www域名（www.choublogger.com）的，google提供了四个不同的ip来添加A记录，一般dns服务器也就是支持4个。这四个ip不能保证你的博客在国内可以访问，因为大部分时间，这几个ip也是被墙的。先走这一步，后面介绍其他方法解决这个问题。注意，这里只需要在A记录中放置这几个ip，如果原来有其他ip在A记录中，一定要删除，切记。

- 阅读更多 -