为博客侧边栏部件添加滚动条，缩短侧边栏-blogger.com优化

如果侧边栏的小工具显示太长的话会影响页面的显示效果，能不能限制其显示长度呢，答案是肯定的，效果可以看我的侧边栏的Blog Archive。

博客归档层次结构显示效果非常不错，但是因为在国内的原因，如果博客归档用层次显示的话显示效果非常差，会把整个页面拉得很长，我执着于用这个的的原因是因为我最近用Google Webmaster tools工具发现博客内部链接项目里面有的页面链接的非常少，为此我还专门做了一个博客归档页面，只是为了让更多的链接暴露出来让搜索引擎搜索，哈哈！

---

下面来说说使用方法，我以Blog Archive为例：
1.“控制台”-“布局”-“修改 HTML”，勾选“扩展 小窗口部件模板”，同时请保存原有模板以防不测！
2.查找以下内容：

]]></b:skin>

在上面添加如下css代码;

.scrolling2 {
overflow: auto; height: 200px; width: 100%;
}

3.搜索到下面的代码：

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

这里是往后是Blog Archive代码块，继续搜索到如下代码

<div class='widget-content'>

在上面添加代码：

<div class='scrolling2'>

继续搜索

</b:includable>

在上面添加代码

</div>

---

为防止把代码添加到错误的地方，可以先把整个Blog Archive代码块复制出来，方便操作。

这样的话就可以限制Blog Archive的长度，即使拉得再长也无所谓了，其中的height和width可以根据情况自己调整。其它的部件也是相同的原理，搜索<b:widget id='部件名称'，重复完成3步骤即可。
相关文章：如何利用捲軸讓邊欄（Sidebar）元件縮短

本文地址：http://oceanban.blogspot.com/2010/07/bloggercom.html 原创文章如转载，请注明链接： 转自OceanBan的空间