Archive Link の順序を変えるのだ
Posted at: 2005-07-31
3
ちょっと分かりにくいかも知れませんが、このブログのアーカイブリストを、新しいものから順に並ぶように変更しました。
どうしたのかというと、Blogger Help の
How do I change the order of my archive links? を参考に、テンプレートのアーカイブリンクの <ul> 部分を
<ul class="archive-list">
<script type="text/javascript">
var archives = new Array();
<BloggerArchives>
archives[archives.length] = new Array('<$BlogArchiveURL$>', '<$BlogArchiveName$>');
</BloggerArchives>
for (var i = archives.length - 1; i >= 0; i--) {
document.writeln("<li><a href='" + archives[i][0] + "'>" + archives[i][1] + "</a></li>");
}
</script>
<noscript>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</noscript>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
に替えました。結構長いのですが、コピー＆ペーストしてお使い下さい。<script type="text/javascript">
var archives = new Array();
<BloggerArchives>
archives[archives.length] = new Array('<$BlogArchiveURL$>', '<$BlogArchiveName$>');
</BloggerArchives>
for (var i = archives.length - 1; i >= 0; i--) {
document.writeln("<li><a href='" + archives[i][0] + "'>" + archives[i][1] + "</a></li>");
}
</script>
<noscript>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</noscript>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
これでアーカイブのリストも投稿やプリビアスポストのリストと同様に、新しいものが上に、古いものが下にという並びになります。
今回は、以前紹介した About Me も変えられるのだ に似たカスタマイズ。
サイドバー上の About Me の部分は全て（プロフィールや画像なども） <$BlogMemberProfile$> によって書かれているので、このテンプレートタグが書き出す内容を、テンプレートタグを使わずに直接書いてやることで、内容を変更することができる、というのが前回の記事でした。
同じ発想で今回は、記事単独ページのコメント投稿画面へのリンク、 Post a Comment という文字列を変えてしまいます。
今回のターゲットとなるテンプレートタグは <$BlogItemCreate$> です。
このテンプレートタグが書き出す、Post a Comment に代わるリンクのテキストは簡単に書けるのですが、問題はそのリンク先。
このリンク先の URL には、ブログ ID 番号と記事の番号とが含まれているのでちょっと厄介なのです。
前置きが長くなりましたが、実は Blogger Help にズバリ
How can I change the "Post a Comment" text? という記事がありまして…。
それによると、
<$BlogItemCreate$>
を
<a href="http://www.blogger.com/comment.g? blogID=********&postID=<$BlogItemNumber$>">コメントしてよね</a>
と書き換えれば Post a Comment のテキストを変更することができるとのこと。上記赤字の部分には、自分のブログの ID 番号を入力します。自分のブログの ID 番号が分からない人は、これまた Blogger Help の
What is my blog ID number? に見つけ方が書いてあります。
ブログ設定画面の投稿、設定、テンプレートのどのタブを選んでも、ブラウザのアドレスバーに ID 番号が表示される、とのことですね。
最近 Blogger Help を読みふけっているクリボウです。
今回の「探検 Blogger Help！」は、これ。
- How can I learn some basic HTML?
- How do I change the colors or fonts in my template?
- What can I do with CSS?
HTML や CSS をいじると何ができるの？という人はご覧下さい。
クリボウはいつも当たり前のように HTML や CSS の話をしているのを、ちょっと反省…。こういう基本的なところも大事ですね。
これを機に HTML や CSS を詳しく学びたい、という人はとほほのWWW入門をお勧めします（クリボウもお世話になりました）。
ブログをさらに面白く、さらにカッコよくして、Blogger をもりあげていきましょう。
追記
当たり前といえば…。これまた当たり前のように、最近ずっと日本語版の Blogger Help を利用しています。やはり Blogger Help が日本語になっている意味は大きいですね。Blogger Help を訳してくださっている stoned soul さんに大感謝！です。
