クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

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

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

Posted at: 2012-04-18 Label: 13

サイトマップというのは、読者に「このサイトにはこんなコンテンツがありますよ」と知らせるためのページのこと。今回このサイトマップを Blogger ブログ上で簡単に表示する方法を見つけたので、ご紹介したいと思います。参考にさせてもらったのは、こちらです。

このブログで導入してみたデモはこちら。


ブログのこれまでの投稿がラベル別に一覧になっていると思います。


導入方法

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

<script type="text/javascript" src="http://tools.kuribo.info/blogtoc/blogtoc-beta.js"></script>
<script type="text/javascript" src="http://www.kuribo.info/feeds/posts/summary?redirect=false&amp;max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

手順はこれだけです。めちゃくちゃ簡単ですね。



ちなみに…

サイトマップページを作成する上では別に知らなくてもいいことなんですが…、コードの青字部分は元々のコードをクリボウが変更した点です。

このサイトマップ表示ツールは Blogger ブログのフィードを利用していますが、そのフィード記載の本文の体裁を default から summary(要約版)に変更することで、通信するデータ量を減らし、タイトル一覧表示のための待ち時間を短くすることができます。

Blogger のサイトマップページ
(参考:上が default、下が summary)

もう一つはフィードのパラメータ max-results の値です。Blogger では ATOM フィードに記載させる投稿数を max-results で指定することができるんですが、その件数の上限は 500 です。501 以上の値を指定しても 500 件までしか記載されないので、数値を 9999 から 500 に改めました。


追記(2012-04-22):

投稿が 500 件以上あるブログでもサイトマップが表示できるよう、コードを改良してみました。詳しくは、以下のページをどうぞ。


追記(2014-01-18):

現在、このサイトマップのスクリプトのオリジナルの配布元(www. abu-farhan. com)が攻撃サイトとして認定されています。それにより、スクリプトを貼り付けているブログもマルウェアに感染しているとして、ブラウザで警告が出されてしまうという問題が起きているようです。

今回、かつて保存していたスクリプトの中から www. abu-farhan. com へのリンクを排除し、kuribo.info のサーバーへ移しました。上掲の「導入方法」に示したコードも合わせて変更しています(緑字の部分)。以前、この記事を参考にサイトマップを導入した方は、お手数ですがコードを削除するか、上記のコードに変更してもらえますよう、お願いいたします。(2012 年追記の方法を取っている方は、修正の必要はありません。)ご迷惑をおかけして、申し訳ありません。


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:13

  1. 新着記事に出る赤文字のNEW!の色を変えることはできるのでしょうか。ブログの背景色に合わないので困っています。

    ReplyDelete
  2. コードを入れた本文に CSS のコードを

    <style type="text/css">
    strong em span {
    color: blue !important;
    }
    </style>

    みたいに入れると、青くなると思います。

    ReplyDelete
  3. どうもありがとうございます!

    ReplyDelete
  4. いつも便利なTipsを紹介していただいてありがとうございます。

    下記エントリにて、紹介させていただきましたm(_ _)m
    SiteMapページを公開しました♪:chimtty.net

    ReplyDelete
  5. 違う質問で申し訳ありません。
    嫌なコメントを避けるため、少しの間だけコメントを非表示にしてみたんですが、そろそろ戻そう(公開)と思ってダッシュボードの設定でポップアップにしたんですが、Commentsが表示されません。非表示にする前までのコメントは表示されています。どうしたら記事の下のコメント欄を戻せますか?? 返信お願いします!!!

    ReplyDelete
  6. こんにちは、はじめまして。とっても便利ですね。
    http://i-blogspot.blogspot.jp/ にて使用させて頂きます。
    ありがとうございました。

    ReplyDelete
  7. Bloggerブログをはじめてまだ2週間なのですが、色々なブログサイトを見させていただいて試しているところにクリボウさんのサイトに出会いました。今は試したことをブログに書いています。今回の記事も試させていただきました。ほんとに、めちゃくちゃ簡単ですね。http://www.life-gp.net/でリンクさせていただきました。ありがとうございます。

    ReplyDelete
  8. こちらの記事を参考にリストを作成していましたが、最近になってWMTで確認すると不正なマルウェアが~と表示されるようになりました。クリボウさんのサイトマップもそのように表示されてます。スクリプトに何か問題が発生したのか分かりませんが、一時的に外しておこうと思います。

    ReplyDelete
    Replies
    1. 問題を報告していただいていたのに、気づかずすみません。今回、追記で説明を書かせてもらいました。これからもどうぞよろしくお願いします。

      Delete
  9. いつも、お世話になっております。
    この度、大雪も溶けぬ中、旧サイトマップ手法が原因で、Blogger から Malware 感染サイト扱いに され、
    大変な思いをしました。 参照: http://shiroyuki-mot-says.blogspot.jp/2014/02/my-site-is-safety.html
    そんな中、再び、お伺いしたこちらのページで、サイトマップを削除せず、再開することが出来ました。
    情報とファイルの公開、ありがとうございます。
    早速、使わせて戴いております。
    尚、独自ドメインを持たぬ一般 Blogger の場合、こちらを参考に、リンクをお願いするのが、簡便と思いますが、
    もし、自分の環境にファイルを移行しようとすれば、どの様な方法があるのでしょうか?
    何時までも、リンクをお借りするのも、どうかと思いまして。
    お暇な折にお教え下さると、ありがたいです。

    ReplyDelete
  10. はじめまして。こちらでカテゴリ毎の記事一覧の作成方法を知り感激しました。
    順序が50音順になっておりますが、これは記事の投稿順(出来れば新しい記事が上)になるようソートは出来ますか?

    ReplyDelete
    Replies
    1. はじめまして、私もできれば、日付順のソートのやり方を教えて頂きたいですm(__)m

      Delete
  11. Sữa ong chúa bôi mặt có tác dụng gì?Sữa ong chúa tươi nguyên chất là món quà của người mẹ thiên nhiên ban tặng cho con người. Có rất nhiều công dụng cho sức khỏe và làm đẹp được mọi người tin tưởng sử dụng rất nhiều
    Sữa ong chúa tươi nguyên chất có tác dụng gì?Sữa ong chua nguyên chất là sản phẩm tinh túy nhất của ong thợ tiết ra dùng để nuôi ong.
    Sữa ong chúa linh nhâm là gì?Chị em phụ nữ chúng ta từ lâu đã tin tưởng vào tác dụng làm đẹp từ mật ong.
    Cá trắm đen làm món gì ngon?Thịt cá trắm chắc, thơm ngon và được chế biến thành rất nhiều các món ngon như cá trắm kho, cá trắm nấu canh chua hay sốt cà chua.
    Cách làm cá chép om dưa ngonVào thời tiết se lạnh mà được thưởng thức món cá chép om dưa với hương vị thơm ngon, hấp dẫn của thì không thể chê vào đâu được.
    Cháo trai có tác dụng gì?Thịt trai được chế biến thành nhiều món ăn ngon, lạ miệng hấp dẫn, đặc biệt món cháo trai không chỉ món ăn lạ miệng mà còn món ăn bổ dưỡng, chữa bệnh tuyệt vời
    Rau tía tô có tác dụng trị bệnh gì?Để giúp mọi người hiểu rõ hơn tác dụng của loại rau thơm này, sau đây chúng tôi xin chia sẻ một số thông tin ở bài viết dưới đây. Mời bạn cùng xem nhé!
    Tác dụng của rau tía tô với bà bầuĐặc biệt, đối với bà bầu , rau tía tô có những tác dụng đến bất ngờ mà ít ai biết đến.
    Quả bồ kết có tác dụng gì?Đến khi nước nguội thì lấy tay đẩy trĩ cho thụt vào và băng lại để giữ.
    Điều trị viêm phế quản cấp ở trẻ emViêm phế quản là bệnh thường gặp ở trẻ em, bất kể thời tiết thế nào. Và nếu không được chữa trị kịp thời và đúng cách, căn bệnh này rất dễ trở thành mạn tính.
    Điều trị viêm phế quản mãn tính ở trẻ sơ sinhTrẻ sơ sinh rất dễ bị mắc các bệnh đường hô hấp do sức đề kháng còn non yếu. Một trong số các bệnh dễ gặp khi thời tiết thay đổi đó là viêm phế quản.

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.