MovableTypeテンプレート サイドバーにLink追加1

2006年12月10日 オフ 投稿者: KYO
Table of Contents

KYO’s blogと合わせて、KYO’s Techのテンプレートを変更しました。
あとは、リンクを設置すればとりあえずOKなので、リンクをサイドバーにとりあえず追加。
本当は、デザインを壊さないようにCSSまで作るのが一番なんですが、面倒なのでとりあえずHTMLソースだけを追加しました。
2つもブログがあって、しかもデザイン(テンプレート)まで同じって・・・どうなんでしょうね^^;
そのうち、どっちかに統合した方がいいのかもしれませんが。。。。


変更方法(MAQUETEMPLATE利用の場合)
まずは、管理ページにログイン。
その後、「テンプレート」->「メインページ」を選択。
「テンプレート内容」の欄に、以下を追加。
 >> サイドバーに項目を追加する
上のページの通りにやれば、OKです。
他にも必要に応じて追加すればOKなんですが、XHTMLの為に「閉じタグ」の扱いがちょっと特殊です。
例えば、<img>タグは下のような表記にしなくてはいけませんので、ご注意を。
(しなくてもOKですけど、Validateエラーが出ます)

<img src="xxxx.gif" alt="xxx" />

 ■実際のソース

<ul id="others">
<li id="search">Search
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<fieldset>
<legend><label for="searchKeyword"><$MTBlogName encode_html="1"$>内の検索</label></legend>
<p>
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input type="text" class="inputField" id="searchKeyword"  name="search" size="10" onfocus="if (this.value == 'Keyword(s)') this.value = '';" onblur="if (this.value == '') this.value = 'Keyword(s)';" value="Keyword(s)" />
<input class="button" id="submit" type="submit" value="Search" />
</p>
</fieldset>
</form>
</li>
<!-- link -->
<li id="links">Links
<ul>

<li><a href="http://thekyo.jp/loto6/">KYO's LOTO6(PC)</a></li>
<li><a href="http://thekyo.jp/miniloto/">KYO's MINILOTO(PC)</a></li>
<li><a href="http://thekyo.jp/blog/">KYO's Blog</a></li>
</ul>
</li>
<!-- link -->
<li id="feeds">Feeds
<ul>
<li><a href="<$MTBlogURL$>index.xml">RSS2.0</a></li>
<li><a href="<$MTBlogURL$>atom.xml">ATOM</a></li>
</ul>
</li>
</ul><!--end others-->

と、こんな感じ。