给文章页面增加一个toolbar

我个人蛮喜欢RWW的MT主题的,看上去挺清爽的,也很整洁。今天模仿了一下RWW,用了它提供的部分CSS代码,给曙光博客的日志页面增加了一个toolbar,虽然说功能不大,但是增加完之后看上去挺舒服的。其实增加的不止是toolbar,还有相关文章的链接,还有一个广告单元。

增加的办法:

新建一个module template,取名为Entry Footer,当然你也可以取名为其他的,在后面incude module的时候要注意名字相同。

然后加入下面的代码:

 <mt:If tag="EntryCategory">
    <div >
        本文发布在<mt:EntryCategories glue='<span class="delimiter">,</span>'><a href="<$mt:CategoryArchiveLink$>" rel="tag"><$mt:CategoryLabel$></a></mt:EntryCategories>分类下,标签为:<mt:EntryTags glue='<span class="delimiter">,</span>'><a href="<$mt:BlogURL$>tag/<$MTTagName$>/" rel="tag" ><$mt:TagName$></a></mt:EntryTags><br />
        本文固定链接为:<a class="permalink" href="<$MTEntryPermalink$>"><$MTEntryPermalink$></a>
    </div>
<div id="my_toolbar">
    <ul>
        <li><a href="http://digg.com/submit?url=<$MTEntryPermalink$>" class="digg">Digg</a></li>
        <li><a href="http://feed.feedsky.com/hinn" class="subscribe">订阅</a></li>
        <li><a href="javascript:window.print()" class="print">打印</a></li>

    </ul>
</div>
<div class="entry_footer_left">
  <h3>Related Entries</h3>
      <ul>
          <MTIfNonEmpty tag="EntryCategory">
          <MTEntryCategoryEntries lastn="8">
          <li><a href="<$MTEntryPermalink$>"><MTEntryTitle></a></li>
          </MTEntryCategoryEntries>
          </MTIfNonEmpty>
      </ul>
       
</div>

<div class="entry_footer_right">
/**  在这里增加你的广告代码  大概250px的矩阵 */
</div>
</mt:If>

保存一下,进入Entry Detail模板,找到最后面的几行,把

<$mt:Include module="Categories"$>
<$mt:Include module="Tags"$>

改成(就是删掉上面两行,增加下面一行):

<$mt:Include module="Entry Footer"$>

保存一下,然后再增加一个css文件,CSS文件的具体内容可以参考这里

推荐新建一个CSS页面,如果在系统的默认CSS上改的话,以后更新的时候会被覆盖的。

修改之后具体长什么样呢,继续往下看就可以看到了。感觉没有什么链接可以放在toolbar上的,先就这样弄几个。

2 Comments

  1. 我们可以通过查看RWW的网页的源代码发现下面这条语句:<meta name="generator" content="Movable Type Open Source 4.1" />,所以RWW是基于MTOS 4.1的。不是MT pro,所以也没有Professional Website,Classic Blog,Community Blog和Community Forum之分。

留言

Your email address will not be published. Required fields are marked *