PagebuteプラグインファイルをPluginフォルダーにアップロードした後、
以下のテンプレートを変更。赤色の部分を追加、変更します。
メインページテンプレート：
<div id="content">
<div class="blog">
<mt:pageContents count="20" navi_count="9">
<mt:entries>
<mt:entryTrackbackData />
<mt:include module="ブログ記事の概要" />
<mt:pageSeparator />
</mt:entries>
</mt:pageContents>
<div class="pagebute">
<MTIfPageFirst>
<span><$MTPageFirst delim="FIRST"$></span>
</MTIfPageFirst>
<mt:ifPageBefore>
<span><$MTPageBefore delim="PREV"$></span>
</mt:ifPageBefore>
<mt:pageLists />
<mt:ifPageNext>
<span><mt:pageNext delim="NEXT" /></span>
</mt:ifPageNext>
<MTIfPageLast>
<span><$MTPageLast delim="LAST"$></span>
</MTIfPageLast>
</div>
</div>
</div>
ブログ記事リスト：
<div class="content-nav">
<mt:archivePrevious>
<a href="<mt:ArchiveLink />">« <mt:archiveTitle /></a> |
</mt:archivePrevious>
<a href="<mt:Link template="main_index" />">Main</a>
<mt:archiveNext>
| <a href="<mt:ArchiveLink />"><mt:archiveTitle /> »</a>
</mt:archiveNext>
</div>
<mt:if name="datebased_archive">
<mt:pageContents count="20" navi_count="9">
<mt:entries>
<mt:entryTrackbackData />
<mt:include module="ブログ記事の概要" />
<mt:pageSeparator />
</mt:entries>
</mt:pageContents>
<mt:else>
<mt:pageContents count="20" navi_count="9">
<mt:entries limit="auto">
<mt:entryTrackbackData />
<mt:include module="ブログ記事の概要" />
<mt:pageSeparator />
</mt:entries>
</mt:pageContents>
</mt:if>
</mt:pageContents>
<div class="pagebute">
<MTIfPageFirst>
<span><$MTPageFirst delim="FIRST"$></span>
</MTIfPageFirst>
<mt:ifPageBefore>
<span><$MTPageBefore delim="PREV"$></span>
</mt:ifPageBefore>
<mt:pageLists />
<mt:ifPageNext>
<span><mt:pageNext delim="NEXT" /></span>
</mt:ifPageNext>
<MTIfPageLast>
<span><$MTPageLast delim="LAST"$></span>
</MTIfPageLast>
</div>
</div>
</div>
スタイルシートに以下を追加。
/* PageBute */
.pagebute{
margin: 10px;
text-align: center;
font-size: 83.3%;
}
.pagebute a {
padding: 2px 2px;
color: #fff;
background: #337700;
}
.pagebute hover {
padding: 2px 2px;
color: #fff;
text-decoration: none;
background: #000;
}
