Blogger技巧之找一个可以替代ghs.google.com的地址

使用Goole Blogger的自定义域名功能需要用到ghs.google.com做CNAME,或者用ping ghs.google.com得出的IP做一个A记录.但是,伟大的GFW已经把ghs.google.com和部分IP屏蔽在大陆之外.这样的壮举使得我们的自定义域名不能正常访问,或者让你的网页背景.图片被滤掉,精心做成的模板变得惨白不堪.
那么,我们可不可以找一个替代ghs.google.com的地址呢?当然能.因为Google是强大的.它有许多有用的IP地址让你去探寻.
对 ghs.google.com 分析研究后发现，ghs.google.com 这台服务器并没有提供实质性的服务，而只是选择访问者访问最快的服务器（Google全球性公司，很多地区都有服务器）.我们只要找到其他服务器的IP地址,并且这个IP地址没被屏蔽,那么就成了.
寻找这样的IP地址需要用到tracert命令.即在CMD模式下输入:tracert ghs.google.com ,在已经屏蔽的当下,最后自然得不出结果,这就需要我们使用代理了.使用不同地区的代理运行tracert ghs.google.com 命令.tracert ghs.google.com的最后一跳会有类似这样的域名:eh-in-f121.google.com 如果在不用代理的情况下,你能ping通这个域名,那么恭喜你,你找到了!现在就可以用这个域名代替ghs.google.com设置你的CNAME了,ping出的IP地址可以做A记录,CNAME和A记录,只做其中之一就可以.

hs-in-f121.google.com 64.233.179.121
eh-in-f121.google.com 72.14.207.121
bx-in-f121.google.com 66.249.81.121
ik-in-f121.google.com 66.249.91.121

这4个在我所在地区不能使用,而可以使用

tw-in-f121.google.com 72.14.235.121

这个地址.
除了使用代理来寻找,也可以通过一些网站提供的功能来寻找这个地址,很方便,就是使用网站提供的Traceroute.这些网站有:
http://member.dnsstuff.com/pages/tools.php?ptype=free
https://www.mob.net/~ted/tools/

下面这个网站的站长直接提供了有可能没被屏蔽的IP,如果需要,可直接向该站长索要:
http://jmj.xinch.cn/post/408.html

这个方法也可以用于Google的Apps服务.因为Apps的自定义域名邮局服务会用到ghs服务器.

......

[阅读全文]

Blogger技巧三

我的Blogger又做了一次修改，这次主要修改的是：

• 在每篇文章后面，添加了“相关文章”模块
  

相关文章模块的就是找出和该篇文章有相同标签的文章，这个hack的好处是可以删掉重复的文章和自身文章的列队。这样，就只显示与该文章有相同标签的其它文章了。
关于操作方法，请点击到加入相关文章功能了解。

• 废弃原先最新文章模块，启用新的最新文章模块
  

这个最新文章的模块使用更灵活，对于输出的篇数可以自由设定，在下角有一个统计的功能。并且，当你文章多的时候，有一个<<让你点选查看更多的列表。
操作非常简单，就是在页面元素里添加一个(HTML/Javascript)元素就可以了。其代码如下：
<div id="newPosts">
<noscript>failed!<br/>Javascript not supported here!</noscript>
</div>

<script>
var nPostStartIndex = 6;
var nPostShow = 10;

function showRecentPosts(nIndex) {
if (!nIndex)
nIndex = nPostStartIndex;
var sFeedURL = '/feeds/posts/summary?orderby=published&start-index='+nIndex+'&max-results='+(nPostShow+1)+'&alt=json-in-script&callback=generatePosts';
var script = document.createElement('script');
document.getElementById('newPosts').innerHTML = 'Loading <blink>...</blink>';
script.setAttribute('src', sFeedURL);
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

function generatePosts(json) {
function compareentry(a,b) {
order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT'));
return 0-order;
}

var sHTML = '<ul>';
var sortentry = json.feed.entry.sort(compareentry);
var nIndex = parseInt(json.feed.openSearch$startIndex.$t);
var nTotalPost = parseInt(json.feed.openSearch$totalResults.$t);
for (var i = 0, Post; Post = sortentry[i]; i++) {
if (i >= nPostShow)
break;
var title = Post.title.$t;
var link = Post.link[0].href;
var timestamp=Post.published.$t.substr(0,10);
sHTML += '<li><span class="item-title"><a href="'+link+'">'+ title +'</a> - '+timestamp+'</span></li>';
}
sHTML += '</ul>';
sHTML += generatePostLink(parseInt(json.feed.entry.length), nIndex, nTotalPost);
document.getElementById('newPosts').innerHTML = sHTML;
}

function generatePostLink(nFetch, nIndex, nTotalPost) {
var bOld = (nFetch > nPostShow);
if (bOld) nFetch = nPostShow;
var sResult = '<p align="right">Recent '+nIndex+'-'+(nIndex+nFetch-1)+', total: '+nTotalPost+'.  ';
if (nIndex > nPostStartIndex)
sResult += '<a href="javascript:showRecentPosts('+(nIndex-nPostShow)+');" title="Newer Posts"><<</a>  ';
if (bOld)
sResult += '<a href="javascript:showRecentPosts('+(nIndex+nPostShow)+');" title="Older Posts">>></a>';
sResult += '</p>';
return sResult;
}
</script>

<script language="javascript">showRecentPosts();</script>
上面两个HACK，都来自ABIN'S TECH NOTE。该作者有许多非常好的hack，因为可以直接访问该作者的博客，不用通过代理，所以，现在就把该作者的一些hack列出，感兴趣的话就点击进去。
計算 Blog 的文章總數和回應總數
最新文章模組「終極版」
以年月份做分類的導覽連結列 (Year & Month Breadcrumbs)
標籤/搜尋頁面只列出標題 (Simplify the result of label and search)
Blogger 資料來源用法與整理 (Site Feed Usage)
最新文章的加強版：其他的最新文章 (Other Recent Posts)
加入相關文章功能 (Related Post)
計算頁面產生時間
讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)
讓側邊列 (Sidebar) 的元件只在首頁顯示/不顯示
首頁即時可展開的留言回應 (Comment Toggling)
為 Blogger 加入整合日曆 Archive Calendar
Google Analytics
動態調整文章字體大小
更改 HTML 首頁檔頭資訊 (head-content)
在 Blogger 裡加入 Google AdSense
在文末加入文章訂閱圖示
調整 Post footer 的回應連結
在版面格式中放入小圖示

• 另外：更新CODE的功能，即在Blogger中显示程序代码
  

想直接在blogger里贴html源代码似乎是不可能的，因为系统每次都会转换代码。其实只要把代码的<和>换为＆lt;与 ＆gt; 即可（请自己把＆换为&）。

良人的大秘密就提供了这样的hack在文章裡顯示優質的程式碼區

1.先加上CSS在你的布局HTML里。

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

2.在写文章的时候，把代码放在<code></code>之间。注意：<和>仍然要替换为＆lt;与 ＆gt; 

......

[阅读全文]

Blogger技巧二

前面已经写了一篇关于随心所欲: Blogger技巧，在使用过程中，遇到一些问题，现在解决了，把解决办法写下来，对Blogger技巧作一些补充。21f72f18
技巧一：如何在文章中加入代码
想直接在Blogger里贴HTML源代码似乎是不可能的，因为系统每次都会尝试执行这些代码。
最简单的办法就是：只要在编辑源代码的时候把
< 用 ＆lt; 更換 > 用 ＆gt;更換＆ 用 ＆amp;更換
另外一个简单的办法，就是把代码放在
<textarea> 中。
技巧二:创建可扩展的帖子摘要
Blogger官方帮助里已经提供这种方法,在这里。但是,按照上面的方法修改时，却发现一个问题：在进行第一步操作时，需要把下面这段代码
<b:if cond="'data:blog.pageType"><br />span.fullpost {display:inline;}<br /><b:else/><br />span.fullpost {display:none;}<br /></b:if>
放到< style> 与 < /style>标记之间，但在我的模版里，却没有找到这个标记，在本该出现标记的地方，取而代之的是<b:skin>与</b:skin>，看来官方提供的方法可能没有考虑到我们这种自定义模板的情况， 没办法，只好自己动手改改了，经过试验，发现在</title>标记之后加上以下代码
<style type="text/css"><br /><b:if cond="'data:blog.pageType"><br />span.fullpost {display:inline;}<br /><b:else/><br />span.fullpost {display:none;}<br /></b:if><br /></style>
然后再进行其它操作...就可以了
注意:进入后台，要选择布局－－修改HTML，点选“扩展窗口小部件模板”只有选择这个后，某些代码才能找到。比如,只有在这个模式下,才能找到<data:post.body/>这段代码.
以上内容主要来自:9Q和草

*****08.04.06更新******
Blogger显示摘要
Blogger升级新版了，开始将博客升级了一下，发现原来显示摘要的方法失效了。由于生性较懒，对于网上找到的需要手工选择摘要部分的做法不大喜欢，可惜的是好像只能找到这种方法，于是参考以前使用的办法，重新写了一个：

1、在样式表中加入以下代码：
<br />.post-body2{<br />BORDER-RIGHT: 0px;<br />BORDER-TOP: 0px;<br />OVERFLOW: hidden;<br />BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;<br />HEIGHT: 150px;<br />TEXT-OVERFLOW: ellipsis;<br />}<br />
2、找到<p><data:post.body></p>改为以下代码：
<br /><b:if cond='data:blog.pageType == "item"'><br /><p><data:post.body/></p><br /><b:else/><br /><div class='post-body2'><br /><p><data:post.body/></p><br /></div>......<p><br /><a expr:href='data:post.url' title='阅读全文'><b>[阅读全文]</b></a></p><br /></b:if><br />
这样以后发帖就不需要选择显示部分了，自动截取一部分显示出来

*如果想要列表中不显示摘要，第一步可以省略，第二步改为：

找到<p><data:post.body></p>改为：
<br /><b:if cond='data:blog.pageType == "item"'><br /><p><data:post.body/></p><br /></b:if><br />
注意：无论是第一种办法还是第二种办法都并非完全显示摘要，文章所有部分还是需要都下载下来的，不过我还是喜欢第一种方法，少了一步，而且截取高度都一样，比较整齐的说。反正希望Blogger可以提供这一功能。

以上内容来自:Netsay's Blog: Blogger显示摘要

......

[阅读全文]

Blogger技巧

Blogger(http://www.blogger.com/)是Google旗下一家大型的博客服务网站。如新浪、163的blog。但Blogger比新浪、163等更灵活，自由度非常大，你可以把它修改成任何你想要的样式。是世界上最好的BSP之一。
但是，在大陆有一个非常大的问题——GFW。Blogger的空间商blogsport在大陆无法访问，这是大陆用户无法使用blogger服务的最大障碍。当然，我们可以通过代理服务器和其它办法访问。
下面这些技巧，是我在使用过程中遇到，并得到解决的方法，获取的方法主要通过搜索和Blogger的官方帮助。
技巧一：访问（浏览）技巧
1.blogger提供RSS输出，而RSS输出地址则可以在大陆正常访问。这是官方地址，这个地址没有blogsport.com字段，也就没有被GFW。可通过RSS地址访问的地址是：http://www.blogger.com/feeds/15991792/posts/summary （其中，15991792是我的blogger的ID号，每一个申请者都有自己的ID号；posts表示文章RSS，如果需要评论输出，则把posts换成comments；summary表示输出文章的部分摘要，如果要全文输出，则把summary换成default） 当然，前提是要作者开通RSS输出功能。

***08.04.04更新***可对自己定义的标签，来抓取这类标签的RSS输出。比如。在我的博客中，我想只输出Blogger标签的文章，则可以在以上RSS地址后面加上“-/Blogger/”,如我的是：http://www.5921222.com/feeds/posts/default/-/Blogger/  也可以取两个标签的交集，格式是在原有RSS地址后面加上“-/标签1/标签2/”－－来源：程式設計 NEXT SERVICES

2.使用其它第三方聚合服务，常见的有feedsky、Feedburner、google Reader。googlereader也是google的服务，所以和blogger能够很好的结合。
3.通过FTP发布。通过这种方法发布帖子的博客，不受blogsport被封的影响。
4.域名服务。现在，blogger已经提供绑定自己的域名，原来的XXX.blogspot.com域名将指向你自己的域名。所有的Blog数据仍保存在Blogger服务器上。这个功能是免费的，国内的yo2博客服务提供商提供的绑定域名可是要收费的噢:)。由于blogger的绑定服务器被封的可能性比较小，所以，这个方法也是解决大陆用户顺利访问的办法。
技巧二：域名绑定
Blogger已经支持域名绑定，非FTP方式，原来的XXX.blogspot.com域名将指向你自己的域名。所有的Blog数据仍保存在Blogger服务器上。太完美了。
步骤：1.Blogger的设置步骤设置——发布——选择“切换到自定义域”，再在“您的域”填上自己的域名即可。2.自己域名的DNS设置。在域名申请商的后台管理那里添加一条类型为“CNAME”值为“ghs.google.com”的DNS解析。（如果按照1、2顺序做发生错误，可先执行2的设置，再进行1的设置）域名支持二级域名和目录的方式。
比如我的地址：http://www.5921222.com/
技巧三：修改blogger模板。
Blogger提供经典模板和布局。两种模板的代码是不一样的，所以，使用经典模板的时候，无法使用你下载（或自己设计）的模板。要使用下载的模板，就要先进行模板升级操作，把模板升级为布局。在布局里，你可以进行许多有用的修改和设计，很多技巧和HACK都将在布局中进行。布局中的页面元素可以为你增加许多有用的功能。
技巧四：为Blogger添加侧边栏评论和最新文章
1.这里就要用到布局中的页面元素，在页面元素中的侧边栏“Add a Page Element”，选择“供稿”（ 将来自 RSS 或 Atom 供稿的内容添加至您的博客。）供稿地址填上你blogger的rss地址，如果要显示最新文章，则是文章的供稿地址，如果是最新评论，则填评论供稿地址。
步骤：1. 打开自己的Blogger，在帖子的最下面，找到“订阅： 帖子 (Atom)”复制该地址（即Blogger文章的供稿地址）；2. 打开Blogger的布局（页面元素），添加页面元素，找到“供稿”并点击“添加到博客”；3. 将步骤1中的地址粘贴到“供稿网址”中，继续；4. 进行自定义设置，可把标题改为“最新文章/最新评论”保存更改，大功告成！这样设置的，最多只能输出5篇最新文章。
2.利用google Reader。
步骤：1. 记录Blogger文章的供稿地址；
2. 将该Feed（供稿地址）添加到你的Google Reader中：2-1 点击Add Subscription，粘贴Feed，点击ADD；2-2 定位黄色的“you have subscribed xxx”，点击“add to a folder”，点击“new folder”，起个名字比如“最新文章”；
3. 公开最新文章：3-1 点击setting-->tags；3-2 找到最新文章，视线向右，越过垃圾桶，激活private前的一个小图标（此时private变public）；3-3 视线继续向右，点击add a clip to your site；
4. 在新窗口中选择：标题（可以空白），显示样式（赤橙黄绿青蓝紫等等），显示的数量（1-10），复制下面的代码；
5. 进入blooger的布局－页面元素，在侧边栏添加一个html/js页面元素，粘贴刚才复制的代码。标题为“最新文章”
6. 查看效果

关于Blogger的技巧暂时写到这里，遇到问题解决后，再继续写吧。
以上内容主要来自：8个圈圈的Blogger和色彩斑斓

......

[阅读全文]