2008年7月22日火曜日

Blogger（旧レイアウト）のサイドメニューにラベル名一覧を表示させる方法を紹介します。新しくなったBloggerでは管理画面の[レイアウト]－[ページ要素]にある[ページ要素を追加]をクリックし、「ラベル」ページ要素を追加するだけで簡単にラベル名一覧（記事件数も表示）をサイドメニューに表示させることができるようになりました。しかし、当サイトのようなFTP経由で公開しているBloggerの場合、上記のページ要素（ラベル）を利用できません。(笑)

「何か方法がないか？」と調べてみたら、なんと！ありました！
順を追って説明していきます。

残念ながらラベルごとの記事の件数は表示されません。

（１）エンコードのためのJavaScriptのダウンロードと保存

先ず、右記のサイトからJavaScript（ webtoolkit.base64.js ）をダウンロードします。保存先はBloggerをインストールした同じディレクトリ（わかりやすいので）を指定してください。当ブログの場合は「blogger」ディレクトリ内に保存したました。

例：http://www.boraro.gozaru.jp/blogger/

HOME(http://www.boraro.gozaru.jp/)
├ /blogger
│    ├ webtoolkit.base64.js

（２）テンプレートにタグを貼り付ける

次に（１）で保存したJavaScriptをテンプレートに読み込むための下記のタグを<headr>と</header>の間に貼り付けます。

<script type="text/javascript" src="http://www.boraro.gozaru.jp/blogger/webtoolkit.base64.js"> </script>

※赤い文字の部分を自分のBloggerのURLに置き換えてください。

（３）ラベル名一覧を生成するためのJavaScriptの作成とコピー

今度は、ラベルリストをテンプレートに生成するためのJavaScriptを、右記のサイトで作成します。（１）でダウンロードしたJavaScriptとは別にもう一つ必要になります。こちらのサイトで詳しい説明がありますので、後はご自由に！なんて終わり方をしようかと思いましたが、続けます(笑)

ラベルリスト生成機でJavaScriptを作成するためには下記の３つの情報を前もって調べておいて下さい。

1. UserID
   プロフィールページURLの末尾にある番号
   
2. BlogID
   投稿画面ページのURLの末尾に記載されている番号
   
3. ベースURL
   ラベルディレクトリのURLまたはパス。当ブログの場合は、「/blogger/labels/」になります。
   

ラベルリスト生成機に上記の３つ情報と、その他の項目を設定し[Generate!]をクリックするとJavaScriptコードが作成されます。これをコピーしてください。

（４）ラベルリスト生成機で作成されたJavaScriptコードの貼り付け

管理画面の[テンプレート]－[HTMLの編集]よりテンプレートを表示する。ラベルリストを表示させたい場所にコピーしたコードを張り付ける。張り付けた後、[テンプレートの変更内容を保存]をクリック。次に[今すぐに投稿を公開]をクリックしてBloggerを再構築します。以上です。

以外と簡単でした。プログラムをかける人は、ほんと凄いですね！尊敬します。

naokiさん、ありがとう！

＜参考サイト＞

守破離でいこう! -Let's go with SyuHaRi!-: [再] Bloggerのクラシックテンプレート(FTP公開)でもラベル一覧を表示したい
http://www.r-stone.net/blogs/ishikawa/2007/12/bloggerftp.html

ラベル: Blogger, テンプレートカスタマイズ

7/22/2008

▲ページの先頭