Bloggerへの道 「ページタブを設定する/INDEX（索引）ページを設定してみる」

そもそもページってのはヘッダー下部分に配置すると、タブ上に表示されるガジェットで、デザインや機能性の上でもかなり重要と言えるツール。※上記画像の[HOME][ABOUT][INDEX][MAIL]の部分。
これは最初の設定だと表示が隠されている状態になっていますので、これを見える状態にします。

ページタブを設定する

管理ページの[ページ]欄へ。ここでページの管理を行います。最初はHOMEしか表示されてないと思います。
まず右上にある[ページの表示形式]とあるので、それを[表示しない]から[上部のタブ]にします。そして右上の[配置を保存]をクリック。プレビューでしっかり上部にタブバーが表示されているのを確認。
確認出来たら、項目を増やして行きましょう。

ここで追加出来るのは、[空白のページ（テキストやメディアを追加）]と[ウェブアドレス（別のウェブアドレスに転送します）]の2つ。
INDEXページやABOUT、BIOGRAPHYなんかは、空白のページ等で作成すると良いでしょう。
他のサイトへのリンクや、ラベル毎のページアドレスをウェブアドレスに設定するのも面白いですね。
ここのフォント、フォントカラー、フォントサイズの調整は、[テンプレートデザイナー]の[上級者向け]の項目の、[タブの背景][タブのテキスト]等で変更可能です。

INDEX（索引）ページを設定してみる

空白のページを使って、ついでにINDEX（索引）ページを設定してみましょう。
[新しいページ]→[空白のページ]を選択。タイトルは「INDEX」とかにして、HTML編集モードにする（左上の作成の右隣りのHTMLってボタンを押す）。

<script type="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script type="text/javascript" src="ここに自分のブログのアドレス/feeds/posts/summary?redirect=false&amp;max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

そこに上記コードを貼り付けます（自分のブログのアドレスを入力してくださいね）。そして公開ボタンを押す。終了。簡単ですよね。


こんな感じになってるはずです。自分で目次ページ作るのもめんどうなので、是非利用してみて下さい。

Blogger ブログにサイトマップ: ラベル分類された投稿一覧を「ページ」に表示する方法

"Bloggerへの道"のバックナンバーはこちら