如何在MT4.0的标题边添加广告

一个星期前ikias留言问,如何在MT的标题边添加广告,今天就来说明一下,我是怎样做的。

我介绍的方法,适用于MovableType4.0,如果你用的是其它的版本,请自己适当的修改。


这个主要是要修改两个地方,一个是header模板,一个是CSS文件。

在Template Modules中,打开header模板,找到下面的代码,

<div id="header-content">
<MTIf name="main_index">
<h1 id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="header-description"><$MTBlogDescription$></h2>
<MTElse>
<div id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></div>
<div id="header-description"><$MTBlogDescription$></div>
</MTIf>
</div>

替换为如下的代码,

<div id="header-content">
<div id="header-left">
<MTIf name="main_index">
<h1 id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="header-description"><$MTBlogDescription$></h2>
<MTElse>
<div id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></div>
<div id="header-description"><$MTBlogDescription$></div>
</MTIf>
</div>
<div id="header-right">
<!-- 这里放你的广告代码 -->
</div>
</div>
记得,在上面把你的广告代码放在里面,这里我的设计是468X60的Banner,在顶部我觉得不适合放太大的,就放这种展示广告好了。

下面是关于CSS的修改。

在Index Templates中,打开stylesheet-main模板,

在最后添加下面的代码

#header-left{
width: 410px;
display: inline;
float: left;
}

#header-right{
width: 510px;
display: inline;
float: left;
padding-bottom: 20px;
}

这样就好了,重建你的Blog,就可以像我这样把广告,或者其他的自己喜欢的Banner放在那里了。