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));

- 阅读更多 -

删除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文件。

- 阅读更多 -

如何移除模板中自带的来自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服务器的设置即可，不过这种方法需要购买的主机价格较贵，性价比不太好。

- 阅读更多 -

另外一个语法高亮的方法

首先需要修改博客的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 :)

使用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()'>并保存模板。

- 阅读更多 -

显示随机文章的代码

这里使用一段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);}}

- 阅读更多 -