月別アーカイブをプルダウンメニューで表示する方法 [2008年06月04日(Wed)]
サイドバーに月別アーカイブを設置すると
記事を月別に表示して 過去の記事を見たいときにとても便利です ただ、ブログを長い年月続けていると 表示が縦に長くなってしまいます…。 そんな時に プルダウンメニューを活用すれば すっきりと表示することができます。 サイドバーの新規作成で 以下のソースを貼り付けて 赤字の部分を変更すれば完成です ―――――――ココから↓―――――――――――――――――――――――― <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr><td class="side"> <div style="text-align:center;"> <img src="{$BlogTmplUrl$}img/side_title_header.gif" alt=""></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="side_title">月別アーカイブ</td> </tr> </table> <div style="text-align:center;"> <img src="{$BlogTmplUrl$}img/side_title_footer.gif" alt=""></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div class="side_text"> <form> <select onChange="location.href=value;"> <option value="#">▼月別アーカイブ</option> <option value="https://blog.canpan.info/アドレス/monthly/200806(表示したい月)/">2008年06月(プルダウン表示)</option> <option value="https://blog.canpan.info/アドレス/monthly/200805(表示したい月)/">2008年05月(プルダウン表示)</option> <option value="https://blog.canpan.info/アドレス/monthly/200804(表示したい月)/">2008年04月(プルダウン表示)</option> </select> </form> </div> </td> </tr> </table> </td></tr></table> <div style="text-align:center;"><img src="{$BlogTmplUrl$}img/spacer.gif" align="absmiddle" width="5" height="10" alt=""></div> ―――――――↑ココまで―――――――――――――――――――――――― 月数が多い場合は <option value="https://blog.canpan.info/アドレス/monthly/200806(表示したい月)/">2008年06月(プルダウン表示)</option> の部分を追加すれば表示されます。 |