小道消息: 2006-12-07

微软的图书搜索

microsoft终于也步google book search的后尘推出了图书搜索。似乎微软之前推出的3D地图搜索作的更加成功一点，图书搜索显然不是微软的强项。随便找了本书（一提到书就想起《金瓶梅》，什么人性啊？）就看出业余（上图）和专业（下图）的区别了。

(via:link)

怎样实现三栏的Blogger Beta模板

11月30日在8个圈圈的Blogger上做了一个有关三栏模板和两栏模板的民意测验，结果如上。看来喜欢三栏模板的还是多数，那就介绍一下怎样实现三栏的blogger模板。

基础知识：

beta的模版编辑分为layout和html两种。
在layout中模板分成：标题、博客文章、侧边栏、页脚4个部分。
同样在html中对应有
<body>
<div id='outer-wrapper'>...外层

<div id='header-wrapper'>...标题

<div id='content-wrapper'>...内容

<div id='main-wrapper'>...帖子

<div id='sidebar-wrapper'>...侧边栏

<div id='footer-wrapper'>...页脚
</body>

这些模块对应的CSS样式信息为
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
......

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
......

因为o们要做的就是在原有模板的基础上增加一个侧边栏，因此不需要太在意footer-wrapper。差不多可以开始了：

养成好习惯，给模板动手术前要记得备份！！！

1. 复制以下代码：
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
......
</div>
将其粘贴到<div id='main-wrapper'>...前；

2. 删除其中的......部分，并将作如下修改：
<div id='l-sidebar-wrapper'>
<b:section class='sidebar' id='l-sidebar' preferred='yes'/>
</div>

3. 如果觉得有必要，可以将原来的
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
......
</div>
改为
<div id='r-sidebar-wrapper'>
<b:section class='sidebar' id='r-sidebar' preferred='yes'/>
......
</div>

4. 回到CSS部分，将
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
改为
#l-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#r-sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

5. 最后一步啦，因为增加了一个侧边栏，需要将原来的out-wrapper的长度从660px改为880px。

保存，看看结果还满意吗？

PS：
@冰山：这篇文章应该可以回答你的第2个问题，第1个问题请参考Blogger-Beta Hack之“导航菜单式的分类”和Beta Hack之“导航菜单式的分类”——扩展版，第3个问题：o每次都是手动添加一些相关文章。还没有看到过比较理想的自动添加相关文章的方案，一旦有了一定向大家介绍。
@avx：看了你推荐的文章，太复杂了，而且要用到js脚本，懒得尝试了。建议使用o向冰山推荐的方法（给个要分层的理由先，o空下来了再和你切磋）。

[8个圈圈的Blogger-Beta] Google上的Google广告

酒香也怕巷子深，Google的产品也需要广告啊！

(via:link)

--
由 8O 于 12/07/2006 05:47:00 上午在 8个圈圈的Blogger-Beta 上发表

[8个圈圈的Blogger-Beta] 35个圈圈的Google

好像从来没人问为什么这里叫8个圈圈的Blogger，其实已开始o只是想注册一个blogger.blogspot.com，结果...你也看到了，一直弄成了8个圈圈的blogger，也不错！

如果你现在想注册一个类“Google”的域名，那可不是8个圈圈可以解决的问题。现在已经排到了www.gooooooooooooooooooooooooooooooooooogle.com，有兴趣的话可以看看下面的列表，从goggle（1个圈）到g（35个圈））gle都花落谁家了

(via:link)

--
由 8O 于 12/05/2006 10:32:00 上午在 8个圈圈的Blogger-Beta 上发表

Google上的Google广告

酒香也怕巷子深，Google的产品也需要广告啊！

(via:link)

35个圈圈的Google

(via:link)

[8个圈圈的Blogger-Beta] 怎样给Blogger添加侧边栏评论和最新文章（续）

在上一篇里已经详细介绍了怎样用最简单的方法给Blogger添加侧边栏评论和最新文章。这次介绍一个扩展，通过使用Google Reader将侧边栏评论或最新文章数从5篇提高到10篇。废话少说，开工：

1. 记录Blogger评论的供稿地址（如果不知道怎样操作请查阅上一篇文章）；

2. 将该Feed（供稿地址）添加到你的Google Reader中：
2-1 点击Add Subscription，粘贴Feed，点击ADD；
2-2 定位黄色的“you have subscribed xxx”，点击“add to a folder”，点击“new folder”，起个名字比如“my comments”；

3. 公开my comments：
3-1 点击setting-->tags；
3-2 找到my comments，视线向右，越过垃圾桶，激活private前的一个小图标（此时private变public）；
3-3 视线继续向右，点击add a clip to your site；

4. 在新窗口中选择：标题（可以空白），显示样式（赤橙黄绿青蓝紫等等），显示的数量（1-10），复制下面的代码；

5. 进入layout模板编辑模式，在侧边栏添加一个html/js页面元素，粘贴刚才复制的代码。标题为“最新评论”

6. 查看效果

点评：通过Google Reader实现最新文章的做法就不再复述。这样做出来的最新评论和上一讲中的最新评论相比：少了评论作者和时间，多了评论数量。大家可以自己按照需要取舍。

累死o了！

--
由 8O 于 12/07/2006 03:59:00 上午在 8个圈圈的Blogger-Beta 上发表

小道消息

2006-12-07