Blogger Beta Hack 3: Peek-a-boo

Peekaboo 是一个逗婴儿的游戏. 把脸藏起来,然后突然冒出来大喊"Peekaboo!". 但是注意要以不吓着婴儿为原则.
这里借用为在blog显示时藏住部分内容.
这个hack由Hackosphere 原创，这里翻译一下核心的内容。在hack之前注意备份你的blog模板。
第一步：找到这个标签

</head>

把下面的内容copy到这个之前。

<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' />

这里，http://www.anniyalogam.com/widgets/hackosphere.js 是需要执行的javascript的原文件。 建议你下载后保存在一个你知道不会过期的空间。然后把这个地址替换为你的地址.

第二步: 在你的模板里搜索includable post, 替换为下面的内容,注意保持完全一样. 然后保存模板.

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

<div class='post uncustomized-post-template'
   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 href='javascript:void(0);'
      expr:onclick='"javascript:showFull(\"post-" +
      data:post.id + "\");"'>Read More...</a></p>
  </span>
  <span id='hidelink' style='display:none'>
    <p><a href='javascript:void(0);'
      expr:onclick='"javascript:hideFull(\"post-" +
      data:post.id + "\");"'>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>

第三步: 到 Settings->Formatting. 最下面有个文字框"Post template".
把下面的蓝色的内容拷贝过去.

输入简介显示
<span id="fullpost">
输入余下内容
</span>

这样就行了.

Read More...

Summary only...

Blogger Beta Hack 2: 三列页面

Blogger beta只提供了2列的界面，即一个侧列和一个主列。 今天找到一个hack，可以增加一列的显示, 从这里找到的信息.
http://hackosphere.blogspot.com/3006/09/3-column-templates-for-blogger-beta_01.html

摘要：
1. Beta template has 3 CSS wrapper definitions as follows: 模板包括3个CSS的Wrapper
#outer-wrapper - This defines the entire blog 整个blog
#main-wrapper - This defines the main column 中间主列
#sidebar-wrapper - This defines the sidebar. 侧列

需要定义一个新的侧列， 比如命名为#newsidebar-wrapper。 可以直接拷贝#sidebar-wrapper的定义，改名即可。

2. 宽度守恒
注意，整个blog的宽度，要大于中间主列，和两个侧列宽度的总和。

3. 侧列的漂浮属性
左边侧列漂浮属性为左，右边则为右。不要把两个侧列放到同一边。

这样基本上就搞定了，可以到"Page Elements"底下把你想添加的元素添加到新的侧列。

Read More...

Summary only...

Blogger Beta与MSN Space比较 (1)

这几天从msn搬到blogger过来，对两个blog服务都有些了解了，这里比较一下双方的优劣。

感觉blogger比msn space更灵活一些。 最近google花了些力气在blogger beta上面， 进步挺大。很多东西可以自己灵活添加改动. 而msn则相对来说更傻瓜一些。当然，msn也有很多configurable的东西，不过个人感觉不如blogger方便。

msn space现在唯一的优点在于捆绑在msn messenger上面，所以在访问量上占了很大的优势. 据说不久google要加把blogger捆在gtalk上，看来msn space和blogger的战斗还刚刚开始。

Blogger可以添加google adsense(就是在blogger页面上做广告挣钱), 这个对某些流量大的blogger来说，也是很有吸引力的。

总而言之，我比较看好google旗下的blogger.

Read More...

Summary only...

Blogger Beta Hack 1: 添加分类菜单条

今天学习了一下把分类列在了顶上的菜单条, 看上去还可以。不过对这个颜色不是很满意。改天再来慢慢调了。

这是添加菜单条的一些详细指导,
http://hoctro.blogspot.com/2006/09/tweaking-new-blogger-turning-labels.html

过程很简单，我就是照猫画虎，10分钟左右就搞定了，不过很多微调花了一些时间。

Read More...

Summary only...