Eternal*Avenue

モブログ

右サイドメニューにあるモブログのために、以前専用のブログを別に作りましたが、少しだけカスタマイズしてみました。参考にさせて頂いたのは、LittleFeathersさんのこちらの記事です。

とても、素敵なカスタマイズです一度、同じようにやってみたのですが、私が超初心者なため、メインサイトのサイドバーに設置する場合、中にコメントがあるとうまく出来なかったので、少し変更しました。(本当は上手にできるのだろうな(涙

でも、プルダウンで月ごとに表示できることなど、とっても使いやすくなり感謝です。ありがとうございました!

これは、<head>〜</head>の間に次のスクリプトを入れ

<script language=”javascript” type=”text/javascript”>
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+”.location='”+selObj.options[selObj.selectedIndex].value+”‘”);
if (restore) selObj.selectedIndex=0;
}
</script>

<BODY>タグの間に

<div id=”topbar”>
<form name=”pulldown_monthlyarchives”>
<select name=”menu” onChange=”MM_jumpMenu(‘parent’,this,0)”>
<option value=”http://akrma.net/moblog/” selected>【月別ログ】 <MTArchiveList archive_type=”Monthly”>
<option value=”<$MTArchiveLink$>”>・<$MTArchiveTitle$> </MTArchiveList></select></form></div>

を入れました。

なお、topbarのスタイルシートは次のようにしています。

#topbar{
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
background-color: #ffffff;
text-align: left;
font-size: x-small;
padding: 0px 0px 0px 20px;
     }

自分が時間たつとわからなくなるので、一応記載してみました。

♥ More from my site