2006年9月30日星期六

Blogger beta新鲜体验

前段时间没有关注Blogger,导致前几天才知道可以升级Blogger beta了,由于我的小白鼠本性+新功能的巨大诱惑,我再次投身到了测试者的行列.......

先介绍一下从Blogger升级到Blogger beta的方法:首先你要有一个Google帐户,http://www.blogger.com/migrate-login.g在这个页面按照指使操作以后大概2天就会转换完成并发一封确认信到你的邮箱(注意:此转换不可逆转)
如果是新用户直接在http://beta.blogger.com/注册就可以了。

一、标签

Blogger以前一直被诟病的其中一个重要原因就是没有提供标签的支持,导致无法进行分类管理而被许多用户抛弃。

Blogger beta由于是基于动态管理,因此很好地实现了这一功能。而且还可以订阅某个分类标签的RSS。

具体方法:在Google Data API里已经提供了关于此方面的信息。其输出形式是类似于这样的:http://beta.blogger.com/feeds/你的BlogID/posts/输出类型/-/标签名并且可以将标签合并,只要在后面补充标签名即可。例如:http://beta.blogger.com/feeds/你的BlogID/posts/输出类型/-/标签名1/标签2其中的输出类型是full或者summary。我们知道Blogger Beta于前几天更新了Feed的地址类型,但似乎标签输出还没有变。另外,好像并不是所有的人都可用。

二、模板编辑器

Blogger在中国不受欢迎的其中一个原因就是缺少模板编辑器,要改模板就得直接改html代码(虽然可以把代码复制用网页编辑器来处理,但是毕竟不方便),Blogger beta加入了一个简单易用的模板编辑器,即使你毫无html代码的编写经验也可以打造出一个属于自己的个性化模板。

1.Page Elements

在Page Elements中可以调整现有部件的位置以及每个部件的设置。通过Add a Page Element可以添加一些系统内置的部件(如:标签和Feed等),



这里介绍一个利用Feed部件来完成的增强功能:

显示最新的5篇留言:进入Dashboard > Template > Page Elements ,然后点击 "Add a Page element" ,选择 Feed 部件,将类似http://iwfwcf.blogspot.com/feeds/comments/full这样的链接粘贴在这里,点击 ”Continue" 进入下一步设定。在这里我们可以选择该部件的标题;显示的链接数量,最大为5个条目;是否在链接中显示日期;是否显示文章作者。都设定好之后点击 "Save Change" 就完成了,然后还可以调整一下它在侧栏中的位置,一切就大工告成了。

对Link List的一个细节的完善:在 Blogger Beta 中文章或侧栏里所有的超级链接都是在当前窗口中转换的,比较敏感的问题是这会带走你的流量,让读者在你站点上停留的时间大大缩短,如果都能让他们自动在新窗口中打开岂不是更好,其实掌握一点HTML语法知识的话,这个问题就非常容易解决。

我们先来更改侧栏中的链接列表。首先登陆你的帐户,进入模板代码编辑界面,(注意:在做出任何改动前一定要记住先做好备份。此注意事项适用于本站所有的文章。) 然后在 "Expand Widget Templates" 前勾选,将文件展开。之后你可以把所有代码统统拷贝粘贴到你常用的文本编辑工具中再进行操作,这样做可以方便你接下来的修改工作,也许能达到事半功倍的效果。接下来找到以下一段代码,将红色的部分 target='_blank' 添加到编码中,保存更新就完成了。

<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<div id='link'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>
</div>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

2.Fronts and Colors

通过Fronts and Colors可以很简单地整个页面的颜色(包括文字颜色)和各个部分所使用的字体。



三、稳定性&DIY

直至目前,没有发现任何的不稳定,而且许多以前在Blogger上存在的bug也在Blogger beta中修复了,我对此十分满意。由于在Blogger beta中采用动态管理代替了原来的静态管理(最明显的地方就是你再也看不到发布整个blog了),可以说因此得以用实现许多在以前的Blogger中不可能完成的任务,Blogger beta可以说是在挑战你的创意极限,将只有想不到,没有做不到淋漓尽致地表现了出来。这也延续了Google一贯的创新风格。Blogger beta提供的足够充分的自定义功能是DIY爱好者实现梦想的最佳场所,对于新手其易用性
也得到了极大的改善,而且在未来还将继续添加新的功能,对于我充满了期待。

这里介绍一个很实用的功能

Blogger beta收缩/展开文章:

Step0:备份你的模板:-)

Step1:开始吧,在<head></head>间添加以下代码,以引用脚本文件(其中的脚本文件建议自己保存并传到Google pages上去)

<script type='text/javascript' src='http://iwfwcf.googlepages.com/hackosphere.js' />



Step2:在你的模板(确定已选中 Expand Widget Templates)中找到ID为"Post"的includable,会看到下面类似的代码,将红色的地方加到你的代码中.


<b:includable id='post' var='post'>

<div class='post'
expr:id='"post-" + data:post.id'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

</div>



Step3:找到Settings - Formatting,在最后的Post-template添加以下代码

摘要部分<span id="fullpost">

隐藏部分</span>

说明:以后发新帖的时候将要显示的摘要内容覆盖摘要部分,要隐藏的内容覆盖隐藏部分即可。

已经发布的文章则在需要显示的摘要内容后面添加<span id="fullpost">,要隐藏的部分后面添加</span>。

四、总结

Blogger beta唯一的不便之处就是不支持FTP以及Blogger Plus用户升级。当然,可能也有人会说Google还是那么顽固地不支持Trackback。但是我个人认为Trackback的实际应用范围并不广泛,而Blogger不支持的原因可能是与Google的搜索引擎算法有关。这两个功能普通用户都是较少触及的,Plus的用户在正式升级时也可以顺利过渡。因此我对于Blogger beta的整体使用印象是十分好的,相信在加大中国市场的宣传力度后将会在中国市场占据一壁江山。

备注:本文部分资料来源于以下两个Blog

色彩鱼的斑斓切片:http://sunr.blogspot.com
博之道。:http://bhic.blogspot.com

这两个Blog里有许多中文的Blogger beta hack,推荐有兴趣DIY的朋友去看看,或许能对你有些启示。



1 条评论:

mookio 说...

感謝有用的教學