クリボウの Blogger Tips

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

Home > 2012-04

2012-04

Blogger 関連のつぶやき 2012-04

Posted at: 2012-04-30 Label: 0

Google+ ページ「クリボウの Blogger Tips」および、Facebook ページ「クリボウの Blogger Tips」で流した今月の Blogger 関連のつぶやきを、ここにまとめておきます。

リアルタイムで読みたい!という人は、上記リンク先からぜひ、サークルに追加したり「いいね!」したりしてください。

こうやって毎月一度、記事にしたネタや記事にしきれなかったニュースを載せています。Google+ ページFacebook ページともに、どうぞよろしくお願いします。

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

Posted at: 2012-04-18 Label: 16

サイトマップというのは、読者に「このサイトにはこんなコンテンツがありますよ」と知らせるためのページのこと。今回このサイトマップを 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 年追記の方法を取っている方は、修正の必要はありません。)ご迷惑をおかけして、申し訳ありません。

Blogger に新ガジェット「+1 ボタン」「Google+ バッジ」が登場

Blogger に新しいガジェットが追加され、Google+ との連携がさらに強化されています。

Blogger Google+ ボタンとバッジ

サイドバーに設置してみたのがこちら。

Blogger Google+ ボタンとバッジ

上から Google +1 ボタン、Google+ バッジという順です。追加は、Blogger 管理画面「レイアウト」ページの「ガジェットを追加」リンクから。これまで Google+ のページからコードを取得して HTML/JavaScript ガジェットに貼り付ける必要があったんですが、随分と手軽になりましたね。

Blogger 関連のつぶやき 2012-03

Posted at: 2012-04-01 Label: 0

Google+ ページ「クリボウの Blogger Tips」で流した先月の Blogger 関連のつぶやきを、ここにまとめておきます。リアルタイムで読みたい!という人は、ぜひこの Google+ ページをサークルに追加してください。


お知らせ

先月の途中から Facebook ページ「クリボウの Blogger Tips」も開設しています。流している情報はほぼ一緒です。Facebook を開くことの方が多い人は、こちらを「いいね!」してください。

こうやって毎月一度、記事にしたネタや記事にしきれなかったニュースを載せています。Google+ ページFacebook ページともに、どうぞよろしくお願いします。

© 2005-2014 Kuribo. Powered by Blogger.