Bloggerってラベル機能はあるけどカテゴリ機能がないんだよね。

個人的にはカテゴリって使っているうちに破綻してくるからあんまり使わないんだけど、場合によっては需要があるんじゃないかと。

Bloggerのページガジェット（タブ機能）だけど、これってレイアウトの上部、左部なんかに表示させる事ができるけど、あくまでリンク先がURL固定のページなんだよね。好きなURLの指定もできるけど、『指定した条件を満たす記事を見る』なんてことはできないわけ。

で、できれば、映画、音楽、ゲーム、書籍なんていうタブを表示させ、それぞれのラベルを持つ記事のみを表示させたい、なんて出来たら嬉しいと思う。

というわけで、以下の課題をクリアしてみよう。

• レイアウト上にタブを表示させる
• タブをクリックしたらそのタブに関連する記事のみを表示させる
• ラベルを旨く使ってカテゴリ別リンクを作る
• ホーム、タブクリック時、記事ページ表示時すべてでカテゴリを認識させる

先ほど、Bloggerでもコードハイライトが使えないかと調べていたら、すぐに見つかった。
要するにこれはBloggerで使えるウィジェットだ。

まずはこちらのサイトへ進み、「Add To Blogger」という小さなボタンがあるのでクリックする。

そうするとBlogger内のブログを選択するページになるので、コードハイライトをさせたいブログを選択する。
このとき、タイトルをそのままにしておくと、サイドバーにこのウィジェットが表示されてしまうので、タイトルは全文字列を消しておこう。

次に、「ウィジェットを追加」ボタンをクリックすれば、ウィジェットのインストールが完了だ。


何かコードを書いてみる。
たとえばSQL。

select *
from users as User
where User.approval = 1
order by User.created desc
limit 1

このSQLをハイライトさせるため、前後をPREタグで囲む。
囲んだ後、開始タグ内に以下のアトリビュート指定をいれておく。