blogger现在可用Google+的社会化评论框

Google在自家的Blogger中开始应用Google Plus的社会化评论框，之前Facebook、新浪微博都推出了自己的评论框。

本月18号的时候，Blogger Buzz发布消息称Blogger新增Google+评论框，增加了博客的互动，如果Google+中对博客文章有讨论的时候，这些评论会显示到Blogger的Google+评论框中。这个评论框同时会显示博客自己的评论和Google+评论。

使用这个新功能可以到Blogger管理后台的Google+标签处，勾选“Use Google+ Comments”，不会影响以前博客的评论。

效果可参见 http://xeroncn.blogspot.com/2013/01/blog-post.html （需翻墙）

再次增加几个blogspot国内可访问国家域名

除了前文提到的tw/ru/kr外，还可以使用如下几个blogspot的域名访问blogspot博客：

xeroncn.blogspot.com.au
xeroncn.blogspot.se
xeroncn.blogspot.com.es
xeroncn.blogspot.pt
xeroncn.blogspot.com.br
xeroncn.blogspot.com.ar
xeroncn.blogspot.mx

需要注意的是，还是会遇到GFW的关键词屏蔽的，如blogspot就是关键词，但是不是针对域名的屏蔽，这样的话还是有很大几率从国内访问的。如果开始能访问，过了会儿中墙了，可以换个国家域名后缀，或者等半小时后再访问blogspot，亲测可用！

blogspot站目前可以用kr和ru后缀访问

前面文章提到，可以使用blogspot.tw的形式访问被墙的blogspot.com博客。今天发现blogspot.kr和blogspot.ru也都可以使用。比如 http://xeroncn.blogspot.kr 和 http://xeroncn.blogspot.ru

blogger模板编辑器升级

Blogger的模板编辑器最近得到升级，界面更加友好，功能得到提升。

1、编辑器界面增加了行数的现实，语法高亮，代码自动缩进，允许代码折叠。
2、html编辑器界面扩大到整个block，不再以伪悬浮窗的方式出现。增加快捷按钮，比如[Jump to widget]可直接跳转到指定的widget代码处，[Preview template]方便的预览模板改动，[Format template]格式化模板的代码使之更规范更便于阅读，[Revert widget templates to default]回复默认widget代码，等等。
3、快捷键：模板代码中文本的查找直接使用Ctrl+F，单个替换使用Ctrl+Shift+F，全部替换使用Ctrl+Shift+R。

//经测试，尚存bug，期待改进。

blogspot站目前可以用tw后缀访问

blogspot站目前可以用tw后缀访问，帝都联通线路。

比如 http://xeroncn.blogspot.com 直接连接会被墙，但是修改为 http://xeroncn.blogspot.tw 后可以访问。

北京时间2013年4月6日16:14

节点一：在路上

今日起做个节点。目前，这里所有的文章不过五十来篇，而且都是提前写好，并且定时发出的。我想，目前的文章也许就已足够阐释如何在blogger上建立一个可以在gfw内外访问的站点。

接下来，还应该有两类文章可以继续这个教程式的博客。一个是，如何将blogger自有评论导出到多说后台上，粗略看了一下，这个应该可以使用python或者perl脚本去实现；另外一个是，如何从零开始制作blogger模板。相对来说，这两个话题需要更多的时间和精力，也涉及到更多的其他方面的知识。

当然，在像我这样业余码农艰难探索博大互联网的同时，我更希望能拥有一个可以大有作为的环境，在这个环境里可以无尽地吸收网络上的丰富知识，无数人愿意去破墙的动力可以演化为更有利于科技提升的推力～

期待拆除围墙的那一天！

blogspot博客采用多说评论的常见问题及解决办法

废话不多说，直接说blogspot博客采用多说评论的常见问题及解决办法。

问题一：多篇文章显示为同样的评论

问题分析：如果我们在blogger站上发表文章的时候不去指定文章链接，那么blogger默认的文章链接格式就是类似于
http://www.choublogger.com/2013/03/blog-post_5044.html
http://www.choublogger.com/2013/03/blog-post_9.html
这样的链接。如果多说后台设置不当，这样的链接会被当作一片文章的不同分页，因此显示为一样的评论。

解决方法：登录多说评论的管理后台，将设置中的 多页文章网址替换规则 设置为 不使用替换规则 即可。

问题二：手机页面和PC桌面浏览同一篇文章，显示的评论不同

问题分析：手机浏览blogger博客的时候，会被跳转到网页地址后面跟上了 ?m=1 的字样，这就导致多说误以为这和原文链接是两篇不同的文章，因此显示了不同的评论。

解决方法：登录多说评论的管理后台，将设置中的 忽略网址“?”后面的参数 填入 m 即可。

问题三：已经存在的多说评论指向错误网页，但是评论链接的title属性还是正确的

问题分析：未知，偶尔会出现，且多说后台无法更改评论内容及链接

解决方法：加载多说评论框时，最好把所有的参数都加上，核心参数包括 data-author-key data-thread-key data-title data-url 这四个，如果有上述问题，这四个参数可帮助解决问题。

blogger博客的robots.txt的自定义的写法

推荐的blogger博客的robots.txt的写法，不要问我为什么。

# Blogger Sitemap generated on 2013.01.31
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.choublogger.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://www.choublogger.com/feeds/posts/default?orderby=UPDATED

推荐一个skydrive的外链工具

前面曾经提到，如果采用了一个blogger模板，其中很多图片来自墙外，那就需要修改这些图片到国外的稳定未屏蔽图床，或者干脆国内的图床。

其实这时候采用skydrive是个比较平衡的方法，skydrive来自微软，鉴于微软与我共保持了强大而稳定的政府关系，skydrive还是始终活在大墙内外的。

skydrive为每个用户提供了高达25G的免费空间，不用真浪费了。但是我们从skydrive分享的图片是拿不到外链地址的，damn it，好在功夫不负有心IT攻城狮，网上有不少转换skydrive外链的工具。我一般用的是这款

http://www.crifan.com/files/tool/html/genSkydriveExtLink.html

获取blogger博客的全部文章列表

如果想要获取blogger博客的所有文章列表，可以使用如下的javascript脚本：

<div id="all_post_root">Loading ...</div>

<script type="text/javascript">

var entriesComparator = function(a, b) {

  return a.link[2].title > b.link[2].title;

} //这个函数会把文章按标题进行排序，不太清楚对中文的排序是按什么机制来的

var displayFeed = function(response) {

  var entries = response.feed.entry;

  entries.sort(entriesComparator); //调用排序函数，注释掉此句则默认按时间顺序显示所有文章列表

  var listUl = document.createElement("ul");

  for (var i in entries) {

     var elt = entries[i].link[2];

     var a = document.createElement("a");

     a.href = elt.href;

     a.title = entries[i].published.$t;

     a.appendChild(document.createTextNode(elt.title));

- 阅读更多 -

blogger博客对ipv6的支持

blogger博客对ipv6是支持，对于我们绑定域名的用户来说，主要是指ghs的ipv6的支持。

一般来说，可将域名CNAME指向 ghs46.google.com 。尽管伟大的GFW现在对ipv6的防范非常非常有限，但是，（对我们的网络环境来说，”但是“这个词要提及成百上千遍），鉴于ipv6在大陆的推广状况，实际上还是没有办法用起来的。

如何在模板中区分主页和其他页

为了区分主页和非主页，可以使用这段代码

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    这里放置主页才需要的内容
<b:else/> 
    <a expr:href='data:blog.homepageUrl' title='Home'>返回主页</a>
</b:if> 

删除quickedit的扳子图标

直接介绍过，可以如何隐藏quickedit快速编辑的扳子图标，不过这仍然是网站的死链之一。然而还有个另外的方式彻底解决苦恼。即将模板代码中所有的
<b:include name='quickedit'/>
都改为
<!-- <b:include name='quickedit'/> -->

一个蹩脚的相关文章调用

所谓蹩脚，是因为这个相关文章调用的代码及其不成熟，只能调用当前文章的最后一个标签的相同标签文章的最近5篇。

首先在</head>之前方这段代码

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
    function cat(json){
        var div = document.getElementById(&quot;re_po&quot;);
        var myhash = {};
        div.innerHTML = &#39;相关文章&#39;
        for (var i = 0; i &lt; 5; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var posturl = entry.link[4].href;
            if (&#39;<data:blog.url/>&#39; != posturl){
                        div.innerHTML = div.innerHTML+&quot;&lt;li&gt;&lt;a title=&#39;&quot;+posttitle+&quot;&#39; href=&#39;&quot;+posturl+&quot;&#39;&gt;&quot;+posttitle+&quot;&lt;/a&gt;&lt;/li&gt;&quot;;
            }
        }
    }
</script>
</b:if>

- 阅读更多 -

如何获取blogger站的所有标签

使用Javascript来获取blogspot站的所有标签，示例代码如下，这是通过博客的feed抓取的，要举一反三啊：

<script>
    function cat(json){
        var label = json.feed.category;
        var lst=[];
        for (i=0; i<label.length; i++){
          lst[i] = label[i].term;
        }
        alert(lst.sort());
    }
</script>

- 阅读更多 -

几个blogger模版和技巧站

年前找到的几个的blogger模版和/或技巧站

这个在墙外 lordhtml.blogspot.com

这个是在墙内可以访问的 www.ehsany.com www.bloggertipandtrick.net

代码高亮的其他配色

前面提到了如何将代码高亮显示，这里说一个其他配色的高亮代码。只需要修改老方法的加载配色的一句代码：

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

将上面这句替换为下面的任何一句皆可，每一句代表一种配色方案：

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

- 阅读更多 -

wordpress插件：Blogger To WordPress

如果有用户想要从Blogger转到Wordpress，只需要在自己的Wordpress博客中安装Blogger To WordPress插件，然后会获取到一段代码添加回blogspot站的HTML中去，之后实现自动映射。

另外，也有好多其他插件能实现blogspot文章的搬迁，不再详述。

从其他博客搬家到blogger上去

除了前面提到的wordpress搬家到blogger的方法外，另外还有几个类似服务


Blogger到WordPress: http://blogger2wordpress.appspot.com/

前面提到的WordPress到Blogger: http://wordpress2blogger.appspot.com/

Livejournal到Blogger: http://livejournal2blogger.appspot.com/

MovableType到Blogger: http://movabletype2blogger.appspot.com/

另外，其他类型博客的搬家方法可以先搬到wordpress然后再搬到blogger的方法。

控制手机页面widget的隐藏或显示，或者显示特定代码

我们可以通过添加参数使得widgets不显示在博客的手机页面中，比如这段代码中 mobile='no' 则为隐藏，另外mobile的值也可以是'yes'或者'only'

<b:widget id='Text1' locked='true' mobile='no' title='chouBlogger.com' type='Text'>

另外，我们也可以在模板的HTML中使用这样的语法来区分手机页面或者PC

<b:if cond='data:blog.isMobile'>

    这句话只显示手机页面中

<b:else/>

    这是pc浏览时候显示的

</b:if>

这写小技巧适合自己修改手机页面的朋友使用。一般来说，对于blogger上的博客，假使域名为   www.choublogger.com，那么其手机网页是www.choublogger.com/?m=1

[转载] Z-Blog博客转换到Blogger的方法

[转载自月光博客2012-1-26文章]

虽然Google的Blogspot在国内无法访问，但Blogspot依旧是国际上最大的BSP之一，其稳定性非常不错，并且完全免费，使用Z-Blog的用户，也可以通过一些方法将博客备份到Google Blogger，下面我就介绍一下如何将Z-Blog的博客转换到Google Blogger的方法。

这个方法针对大数据量的Z-Blog博客，首先通过SQL语句转换Z-Blog数据到MySQL数据库，之后在本地安装一个PHP+MySQL+Apache的系统，安装phpMyadmin和Wordpress程序，然后在phpMyadmin中建立一个blog_Article表，然后使用“ACCESS数据库转换MYSQL数据库的软件”将数据库转换到MySQL，然后直接在MySQL之中将blog_Article表的数据插入到wp_posts表中，这样就完成了Z-Blog的数据导出到Wordpress中。

接着登录本地的Wordpress系统，在“工具”-“导出”中，将文章导出为一个XML文件。

- 阅读更多 -

算一下此博客的开销

域名从goddaddy购买，支付宝付款。由于没有用信用卡，所以打折有限。5年的域名费用为40.85美刀，折合当时的汇率，从支付宝中支付了人民币254.92元。

Blogger的空间不花钱，域名也是免费绑定的。

因此在这个博客的上的明面上的花销仅为 51元/年。如果使用信用卡支付，godaddy上的域名可以降至每年人民币三十多元吧，好像是这样。但凡加个广告，就能盈利了！不过我这缺少推广，侧边广告的点击量太小...

如何移除模板中自带的来自blogger的css

和前一篇文章类似，blogger模板里会自动加入诸如
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
一类的css调用，而这些css是来自blogger的，不翻墙没法拿到啊亲。另外这也是blogger后台自动添加的，所以用老办法将这些调用语句注释掉！

首先还是要到博客管理后台的模板HTML编辑处，找到如下代码
<b:skin><![CDATA[
然后再找到如下代码
]]></b:skin>

- 阅读更多 -

如何移除blogger自带的javascript

如果查看一个Blogger建立的博客的源代码，9成会发现类似这样的语句
<script type="text/javascript" src="//www.blogger.com/static/v1/widgets/4127629733-widgets.js"></script>
很不幸，这是blogger自动添加的，这是在墙外的，你在博客后台的HTML编辑器里也找不到这样的语句。

为了加快网页加载速度，只好取巧来注释掉这些js的调用了。仍然到博客管理后台的模板的HTML编辑处，找到如下代码
</body>
然后替换成如下代码，注意是替换

- 阅读更多 -

[转载] 架设ghs的反向代理实现对blogger的访问

[转载自月光博客2013-1-13文章，原文标题为 “支持中国访问Google Blogger的网站设置”]

虽然Google的Blogspot在国内无法访问，但Blogspot依旧是国际上最大的BSP之一，其稳定性非常不错，支持域名绑定，并且完全免费，今天我就介绍一种方法，可以让中国的博客用户可以无障碍使用Google Blogger的独立域名，这个方法也可支持所有Google绑定域名的服务，例如Google App Engine、Google Sites等。

这个方法的原理是，先购买一个国外的主机，然后在该主机上架设 ghs.google.com 的反向代理，修改网站域名解析到该虚拟主机的IP，从而实现Blogger绑定域名的正常访问。

在具体实现上，有几种不同的方法，一种是使用国外的VPS或独立主机，只需要修改一下web服务器的设置即可，不过这种方法需要购买的主机价格较贵，性价比不太好。

- 阅读更多 -

建立在google drive上的网页

下面这个网页是建立在google drive上的，有公开链接，图片也是建立在google drive上的。

没错，现在你真的可以用Google Drive来建立个人主页了。

新建一个文件夹，将HTML和图片都传进去。最后将文件夹分享为公开可见。因为Google Drive不支持直接创建文件，所以需要自己写好html文件然后传上去。

但是，如下面的链接，是在googledrive.com域名上，而且上传文件的公开访问URL地址很长。另外，这个八成是需要翻墙的～

https://googledrive.com/host/0ByoOqCOkHroweWkxWFBydUF0T2M/index.html

另外一个语法高亮的方法

首先需要修改博客的HTML，在</head>之前加入下面这些语句：

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>

- 阅读更多 -

如何实现404页面跳转到主页

这个简单的用javascript就可以了，到博客管理页面的 Settings - Search preferences - Custom Page Not Found ，点击 Edit 填入下面的代码：

抱歉，您在此博客中要查找的页面不存在。
<script type = "text/javascript">
//Blogger 404 Redirect v1.0 by GreenLava(BloggerSentral.com)
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>

发表博文时加入Google Plus提示

现在Blogger增加了新功能，只要在发表博文的时候输入加号“+”并附上名字，就可以插入Google Plus上的人或者页面，同时在文章里形成一个到Google Plus的链接，鼠标滑过就会显示是否加入圈子的提示。

当发表完文章后如果需要在Google Plus中分享，则会自动提醒到你所增加的人或者页面，非常方便。Blogger应该是自动和Google Plus自己的页面连接的。可以到Blogger后台看看左侧Google +的选项。

试试看 +Barack Obama :)

Pagerank刚刚更新啦！

Pagerank刚刚更新啦！不过这里太新，木有pr。另外两个站（www.obugs.net / www.orangebugs.net）的pr都更新了！都从3跌倒2了，哈哈！

看来前面的预测没错哦～

使用prettify对代码进行语法高亮设置

prettify是google提供的一款源代码语法高亮着色器，主页见 https://code.google.com/p/google-code-prettify/ 。只要在blogger模板里加几行代码，就可以实现在发表文章时候的代码语法高亮，并且提供若干种模板供使用。

prettify提供了css和js供下载，可放于自己的服务器，下载地址为 https://code.google.com/p/google-code-prettify/downloads/list ，另外也可以使用google code服务器上的代码。

打开blogger模板编辑，在<head>与</head>之间添加如下语句：

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/> <script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'></script>

修改<body>为<body onload='prettyPrint()'>并保存模板。

- 阅读更多 -

2013年google pagerank更新时间预测

某网站对2013年google pagerank的更新时间表进行了预测

1st Update – January 28 to February 6
2nd Update – June 27 to July 7
3rd Update – September 29 to 4 October
4th Update – 24 December to 29 december

来源：1、2

显示随机文章的代码

这里使用一段javascript代码，直接从博客的feed调用随机的文章标题。只需要在博客后台添加HTML/Javascript的小组件，将如下代码填入并保存即可

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i &lt; numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&amp;&amp;l!=0){randarray[i++]=l;}}document.write('&lt;ul&gt;');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k &lt; entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "&lt;li&gt;" + "&lt;a href=" + entry.link[k].href + "&gt;" + entry.title.$t + "&lt;/a&gt; &lt;/li&gt;";
document.write(item);}}

- 阅读更多 -

获取前后两篇文章的标题

博客后台点击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记录中，一定要删除，切记。

- 阅读更多 -