5/10/2007

新blogger模板修改纪实

  1. 实现复杂文章格式

    1. 进入模板编辑的html页,将“扩展窗口小部件模板”勾上
    2. 在<b:includable id='post' var='post'>中的<div class='post-body'>部分将 <p><data:post.body/></p>中 <p>改成<div>,因为p里不能实现复杂的嵌套,如果文章中含有复杂的格式,会导致格式乱套。
  2. 增加文章样式表

    1. 加入代码样式
      .code{ 
      
      background-color:#eeeeee; 
      
      width:400px; 
      
      border-width:1px 1px 1px 1px; 
      
      border-color:#00ccee; 
      
      border-style:solid; 
      
      margin:20px,0px,20px,100px; 
      
      color:#cc6600;padding:10px; 
      
      } 
      
    2. 小标题样式
      .subtitle{ 
      
      font-weight:bold; 
      
      } 
      

  3. 文章部分显示

    blogger首页默认对于文章是全文显示的。一旦有长文章,阅读将非常不便。下面给出方案:

    1. 进入模板编辑的html页,将“扩展窗口小部件模板”勾上
    2. 在<b:includable id='post' var='post'>中的<div class='post-body'>部分将 <div><data:post.body/></div> 替换成 <b:if cond="data:blog.pageType!=item"> <div><data:post.body/></div> <a href="http://www.blogger.com/">阅读全文</a> </b:else> <div><data:post.body/></div> </b:if>
    3. 解释if语句使得只有主页的文章是部分显示的。pageType有3个选项,项目、归档和索引,主页属于索引性质,文章页属于项目性质。

  4. 文章分类

    暂用标签实现

没有评论: