2012-10-23

【Google Blogger】ブログにサイトマップのページを追加して投稿一覧を表示

ブログをはじめてまだ日が浅いのですが、Bloggerブログにサイトマップのページを作りたいと思って色々検索していたらありました。それも簡単にサイトマップのページを作れるということなのでこのブログにも導入してみました。



●参考にさせていただいた記事はこちら
Bloggerブログにサイトマップ - ラベル分類された投稿一覧を「ページ」に表示する方法　- クリボウのBlogger Tips

    Blogger の管理画面「ページ」タブのリンクを「新しいページ」→「空白のページ」と進み、出てきたページエディタを「HTML」モードにした上で、本文の位置に、以下のコードを入力します。赤字の部分はご自身のブログの URL に変更してください。

上記のコメントの下にプログラムコードが書かれていて、それをまるごとコピペするだけでサイトマップのページが出来ちゃいました。感動です。


  1. 「その他オプション」に「ページ」をクリック

    2. Bloggerにログインしダッシュボード画面で、対象のブログのその他のオプションのプルダウンメニュー「ページ」をクリックしてページ設定画面を表示します。



  2. 「新しいページ」の「空白のページ」をクリック

    3. 「ページ」設定画面が表示されたら、「新しいページ」のプルダウンメニューから「空白のページ」をクリックします。



  3. 「HTML」モードでコードを入力

    4. 新しいページ設定画面が表示されたら、「HTML」モードに切り替えて空白のページ情報入力欄に以下のコードを入力します。これだけでサイトマップのページの完成です。後は「公開」ボタンを押すだけです。


      <script type="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script type="text/javascript" src="http://www.life-gp.net/feeds/posts/summary?redirect=false&amp;max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>
    赤字の部分はこのサイトのURLです。青字の部分はクリボウさんのコメントによると、

      フィード記載の本文の体裁を default から summary（要約版）に変更することで、通信するデータ量を減らし、タイトル一覧表示のための待ち時間を短くすることができます。

    とのことです。


  4. 新しいページ「SiteMap」を確認

    5. 「ページ設定」のページで新しいページ「SiteMap」が出来ていることが確認できます。設定はこれで終了です。



  5. 実際のブログサイトで確認

    6. メニューに「SiteMap」が表示され、SiteMapをクリックするとラベル別のマップが表示されました。クリボウさん、ありがとうございました。



時刻:
カテゴリ:

0 件のコメント :

コメントを投稿

登録: コメントの投稿 ( Atom )
Related Posts Plugin for WordPress, Blogger...