记录近期对版面的改造（三栏、隐藏侧边栏etc.）

上周做了三栏的版面，其实也就是定义出几个可以widget的框架出来，而且框架的宽度最好是定义成像素值，使用页面的%不是不可以，但是很容易失去控制～～

要在首页只显示标题（blogspot没提供摘要显示的，如果首页显示全文，虽然方便阅读，但显得首页很长，要加载半天，鼠标滚轮也要滚半天），只需要在完整HTML编辑中，把：
＜p＞＜data:post.body/＞＜/p＞
改成：
＜b:if cond='data:blog.pageType == "item"'＞
＜p＞＜data:post.body/＞
（其中＜＞请替换成<>）～～

在内文中，隐藏一个侧边栏的方法：
在 ＜div id='sidebar-wrapper'＞……………………＜/div＞的前后分别加上
＜b:if cond='data:blog.pageType == "item"'＞和＜/b:if＞
很简单吧^_^

紧接着的问题，隐藏侧边栏留出来的空间，可以送给正文栏加宽用，怎么办呢？
就在＜div id='main-wrapper'＞的前面，加一段定义宽度的代码：
＜b:if cond='data:blog.pageType != "item"'＞
＜style＞#main-wrapper{width:450px;}＜/style＞
＜b:else/＞
＜style＞#main-wrapper{width:630px;}＜/style＞
＜/b:if＞
这里的宽度从450变成630，加的180就是被隐藏的侧边栏的宽度，可以按实际情况改动～～

然后，仿照着定义了一个顶部栏和底部栏，顶部使用几个标签作为文章类别的链接widget（因为blogspot没提供这个项目，只好自己粗制滥造了～～），底部么，还没想好，留着^_^

ps：以下几个代码的含义：
＜b:if cond='data:blog.pageType == "item"'＞ 目前页面在内文
＜b:if cond='data:blog.pageType == "archive"'＞ 目前页面在历史文章列表
＜b:if cond='data:blog.pageType == "index"'＞ 目前页面在分类标签列表
＜b:if cond='data:blog.homepageUrl == data:blog.url'＞ 网址等于首页

～欢迎订阅～