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

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

• The Okano Mail: TwitterがBloggerを買収
  びっくりした！…けど、エイプリルフールネタでした。
• Blogger Tweak: How to Replace Older Posts and Newer Posts Links with Post Titles | Eblogger Tricks.com
  Blogger 投稿の最後の「新しい投稿、ホーム、前の投稿」メニューに、該当する投稿タイトルを表示するカスタマイズ。どっかで見たぞ…と調べてみると、こちらでした。
• Moving to the New Blogger Interface | Blogger Buzz
  Blogger のダッシュボードがあと数週間で新インターフェースのみになりますよ、と公式アナウンス。
• Twitter / @akihito_y: お、Bloggerのクイック編集が復活している。地味 ...
  Blogger クイック編集アイコン、blogspot.jp でも復活したみたいですね。
• +1ボタン、Google+ バッジがBloggerガジェットとして設置可能に！ ~ Plus One World
  Blogger に新ガジェット「+1 ボタン」「Google+ バッジ」が登場（記事）。
• Blogger - Google+ - New Feature: Let Your Webcam Do The Talking #blogger…
  Web カメラを使って Blogger ブログに写真やビデオを投稿できるようになったみたいです。ブログヘラルド日本語版はこちら。
• Google Blogger 独自のRobot.txt 変更でラベルはインデックスされやすくなりますか ≫ Google BloggerブログHacks Tips Tweaks
  Blogger で robots.txt が編集可能になったので（参考）、/search 以下のディレクトリもクロール有効にして実験している記事を発見。続報に期待。
• Twitter / @origamieveryday: bloggerの記事投稿のプレビュー機能が機能しない ...
  以前は Firefox のアドオン「NoScript」が原因との記事も見たけれど、今回はそれをはずしても機能していない様子。
• Twitter / @toritofu: このBloggerテンプレート地味に面白い（サムネイ ...
  記事のサムネイル画像がマウスオーバーでくるりん、と回るブログテンプレート。
• Twitter / @tdkn_: bloggerの、フリックでページ移動するの、お節介 ...
  こんなこともできるそうですよ。Inutuka Linの研究室: Bloggerハック スワイプ無効化
• Happy-Go-Lucky: [Blogger] テンプレートを弄るときなんかのためにテスト用のブログを作っておいた方がよい、という話
  テスト用ブログ、たしかに便利。フィードのチェックもしたいので、非公開にはしないけれど。
• Blogger 今まで書いた全記事をサイトマップとして設置してみた - 元「なんでもエンジニ屋」のダメ日記
  Blogger の、いわゆる「ページ」内にこれまでの記事タイトルを表示する方法。sitemap.xml の話では、なし（記事）。
• BloggerのテンプレートのIE=EmulateIE7の対応について 【IE9】 | 某氏のたわごと NEXT
  IE7 互換モードで表示させるようになっている Blogger のメタタグを、IE9 のときは IE9 互換モードで表示させるように変更。
• Bloggerで始める 発信URLを独自ドメインで統一するプロジェクト :教えて君.net
  教えて君.net で新連載。
• Twitter / @hitarika: bloggerついに強制的に新デザインにされた…使い ...
  ダッシュボード移行始まりました。…が、歯車アイコンから「Blogger の以前のインターフェースを使用」を選ぶと、まだ前のインターフェースのダッシュボードが使えたりします。
  → まだ使えます。旧ダッシュボードには「Blogger の以前のインターフェースは来月中に削除されます」の文字。
• Twitter / @K2nd: @kurikuribo はじめまして。Blogger ...
  Twitter 経由で質問あり、回答。
• Twitter / @K2nd: @kurikuribo Mac上のSafariやGo ...
  同じく追加質問あり、再回答。
• クリボウのプログラミングひとりごと: Blogger でサイトマップを表示するツールを、投稿が 500 件以上あるブログにも対応させてみた
  「Blogger ブログにサイトマップ」の問題点を解消すべく、スクリプトを改良。
• Twitter / @atmkblog: Bloggerのエディターが、以前boldすると & ...
  Blogger 投稿エディタのコーディングが変わっているとのこと。他にもありそう…。
• BloggerにiPhoneのホーム画面を貼ろう！ | 412 diary
  「Screen Wrap」を使って、iPhone ホーム画面をブログに貼り付け。
• Known Issues for Blogger
  Google アカウントに統合していない Blogger ユーザーに「Final reminder to update your legacy Blogger account」なるメールが届いているらしいです。Blogger レガシーアカウントのサポート停止については、こちらを参考に。
• bloggerで、「ページトップに戻る」ボタンを付ける。 | sunabox
  「一番上に戻る」ボタン、いいですねー。
• 無料版ライブドアブログの全記事データをバックアップ、bloggerにインポートする方法|PBロッキーの日記
  CNET Japan に、livedoor ブログから Blogger ブログへの移行体験記。「カンタン！ブログお引越しサービス」（5,000 円）利用の上、ローカルで Perl を走らすという方法。うーん…。完全無料でやりたい人は、こちらの方が参考になるかも。

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

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

• Blogger 今まで書いた全記事をサイトマップとして設置してみた - 元「なんでもエンジニ屋」のダメ日記

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

• クリボウの Blogger Tips: サイトマップ

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


導入方法

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


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



ちなみに…

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

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


（参考：上が default、下が summary）

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


追記（2012-04-22）：

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

• クリボウのプログラミングひとりごと: Blogger でサイトマップを表示するツールを、投稿が 500 件以上あるブログにも対応させてみた

追記（2014-01-18）：

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

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

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

• Two new gadgets to make your blog better with Google+ | Blogger Buzz
• +1ボタン、Google+ バッジがBloggerガジェットとして設置可能に！ ~ Plus One World

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



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

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

お知らせ

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

• Dynamic Views: Update #3 - Gadgets! | Blogger Buzz
  Blogger ダイナミックビューにもガジェットが（記事）。
• クリボウの Blogger Tips: ブログの更新情報を Twitter に流してくれる FeedBurner の Socialize 機能
  コメント欄にて、FeedBurner で Twitter 投稿するための Socialize 機能の設定画面が出ないと教えてもらう。たしかに英語でも出ない。更新情報はちゃんと Twitter に送られてるのだけれど…。※１
• The Real Blogger Status: Google Friend Connect Accessory Stopped Working For Some Custom Domain Published Blogs
  Blogger 以外の Google Friend Connect は 3/1 にサービス終了になったんですが、カスタムドメインの Blogger でも、停止してしまっている例があるようです。
• Twitter / @tuki_nagi: Bloggerでコメントの文字認証の外し方がわからな ...
  新インターフェースのダッシュボードでは、コメント文字認証の設定できないんですよね…。旧インターフェースに戻すしかないかと。※２
• ima:BLOG: Blogger 何人アクセスしているかリアルタイムでわかるカウンターを設置
  あ、うちもこれつけてる。現在閲覧中の人数カウンタ。
• Big Future From Small World: 【Blogger応用編】ブログのコメント欄をFacebookと連携させる方法
  Blogger のコメント欄に Facebook のコメントシステムを使う方法。
• Blogger: クリボウの Blogger Tips - Post a Comment
  あれ、Blogger のコメントページ、UI が変更されてる。いつのまに…？
• Allow users embed YouTube videos in Blogger comments | Yet Another Blogger Tips Blog
  Blogger のコメント欄に YouTube の URL を書き込むと、その動画が埋め込まれるようにするカスタマイズ。これって大丈夫なのかな？と一抹の不安はあるものの…。デモはこちら。
• 行き場を無くした言葉たち: BloggerとTwitterの連動
  ※１ Blogger での更新を Twitter に投稿してくれる FeedBurner の Socialize 機能がメニューから消えている件なんですが、URL 直打ちすれば現在でも設定可能とのことです。
• two word verification - Google グループ
  コメントの文字認証機能はずすには？という質問に回答。
• Facebook、blogspotのユーザーにCAPTCHAを導入 | ブログヘラルド
  Blogger 投稿の共有時に CAPTCHA 表示とか…。他のブログに対しては無しのよう。
• はてなダイアリー → Bloggerへ移行してみる: こちら　サツエキ北口界隈
  はてダからの引っ越し事例。間に MovableType2Blogger を挟む、と。
• お知らせ：ブログ移転します（はてなの過去ログをBloggerに移行する方法についても補足しました） - 「石版！」
  はてダからの引っ越し事例その２。書かれている通り、Python の動く環境なら MovableType2Blogger プログラムをローカルで動かすのがよさそう。
• Twitter / @NMI0066H: そーえば、ライブドアブログのウンコっぷりに飽きれて、 ...
  日本にもとうとうこれが来たみたいです。URL が変わるのはけっこう痛いですね…。
• はてなアイデア - Blogger ブログが blogspot.com から blogspot.jp に強制リダイレクトされるようになったのに対応し、両ドメインを同一のものとして扱うようにしてほしい。
  はてブには要望出しておいた。
• Twitter / @yoshinori_k: いまのところ、http://t.co/EBYZWwy ...
  ベトナムでは、まだリダイレクトは行われていないとのこと。なぜこのタイミングで日本が？という感じも。
• クリボウのプログラミングひとりごと: blogspot.jp にリダイレクトされてしまう Blogger ブログを再び blogspot.com/ncr にリダイレクトするためのスクリプト
  ご利用はくれぐれも自己責任で。
  → その後、blogspot.ca とかにリダイレクトされる場合でも、ループしないように改良しました。
• blogspot.comからblogspot.jpへリダイレクトに伴なってソーシャル系で困った場合の対処方法 - buzzword update
  目からうろこ。data:post.canonicalUrl というデータタグがあるのか…（記事）。
• コメント欄の時刻のズレについて - Google グループ
  Blogger 公式ヘルプフォーラムに回答。
• Twitter / @iPodtakku: bloggerの投稿に署名みたいな感じで定型文を設定 ...
  旧インターフェースの Blogger ダッシュボード「設定 ＞ フォーマット」ページから「投稿テンプレート」というのが使えますよ（ヘルプ）。
• Bloggerのドメイン変更(.comから.jpへ)でお困りの方へ - Zenbackブログ
  blogspot.jp 用のに張り替えよということ？blogspot.com/ncr したらまた動かなくなると思うのだけれど…（記事）。
• 最近, 気になったこと...: Blogger が .jp にリダイレクトされる
  Blogger 国別ドメインへのリダイレクト対策に、Google Analytics でトラッキング対象を「単一のドメイン」から「複数のレベルドメイン」に設定変更する、と（記事）。
• むいり記: 突然muili.blogspot.jpにBloggerのドメイン変わる：続
  meta タグでのリダイレクトというアイデアはいいなあと。現状トップページへしか移動できないので、もっと Blogger のデータタグが充実していれば…。
• 【お知らせ】ブログサービス『Blogger』をご利用の皆様へ | Grow! Blog
  Grow! ボタンも、Blogger のリダイレクトに対して、Zenback の場合と同じような方法（blogspot.jp 用のスクリプト取得を推奨）で対応。
• Google Blogger の読者機能にご用心!!: とある秘密ブログの更新うぇぶろぐ
  Blogger アカウントを非公開にしていても、ブログの読者機能から参加しているブログが表示されてしまうという噂。
• Blogger の「リンクを編集」に nofollow 属性が追加？ | Neta Beta Max
  Blogger のエディタで、投稿内のリンクに rel="nofollow" を簡単に指定できるようになったそうな（記事）。
• Twitter / @zenback: @kurikuribo 「.jp 用に変えても、.c ...
  Zenback について、ブログで「blospot.jp 用のスクリプトに変えても、はてブや twitter への問い合わせ自体は blogspot.com 対象で行っているみたいです。」と書いたことに Twitter で返信が。 canonical タグを見ているとのこと。…ってことは、テンプレートからそれを外せば .jp 対象データが表示されるはず。
  → テンプレートから canonical タグは編集できませんでした。
• ブログが閉鎖される日は近いかも？ PosterousのデータのTumblr/Blogger/WordPressへの移行方法 : ライフハッカー［日本版］
  Posterous から Blogger へ引っ越す方法。エキスポートファイルとか作成せずにいける（？）みたい。
• Customize your search preferences | Blogger Buzz
  Blogger に「検索設定」機能。SEO が簡単に行えるようになったよう（記事）。
• 実はBlogger以外のサイトでも使える？Bloggerの｢リアクション｣機能 : たき備忘録
  リアクション機能、ほかのサイトでも使えるとの情報。少なくとも、呼び出し元とリアクションデータの対象とは一致しなくてはいけないはず、と試してみたら、実在の投稿のリアクションも、別のブログに貼り付けることができてしまい、少し怖くなったり…（実験）。
• 倉部蟹子の実験室: メモ(20123/25)
  ivedoor ブログから Blogger への移行方法。最終的に MovableType2Blogger を使うのだけれど、livedoor ブログのテンプレートを編集して MT 形式に仕立てる方法の説明が詳しい。
• Twitter / @iiyo_: なんでBloggerはAtomなん ...
  パラメータ追加すると、RSS も出せたりします（参考）。
• Twitter / @live_third: うげ・・・Bloggerって容量1GBしかないのね。 ...
  logger の画像は Picasa と連動しているので、Google+ をしている人は巨大なファイルをアップロードしない限り、ほぼ無制限かと（参考）。
• iPhoneだけでブログを更新できるように設定してみました【Blogger】 - AIUEO Lab
  iPhone で Blogger ブログを更新するためのアプリとその設定。
• WordpressからBloggerへ ≪ ttanimu engineering labs
  WordPress から Blogger への引っ越し事例。WordPress eXtended RSS（WXR）→ WordPres2Blogger → Blogger ATOM という流れ。
• 企画室 - アメブロからBlogger
  アメブロから Blogger への引っ越し事例。「アメブロダウンロード・エクスポートツール」なるものを作っている人がいるとな。エクスポートツールで MT 形式に → MT でインポート → MT でエクスポート → MT2Blogger で Blogger ATOM に → Blogger でインポートという流れ。
• Bloggerのエラー"bX-n9zl1r","bX-bnvjob","bX-ss8mzg"の解決方法 | ましまろな生活
  Blogger で記事を書くときにプレビューするとエラーが出る件について、ブラウザのアドオン「NoScript」が原因だったとのこと。
• Twitter / @03kustom: Bloggerのダッシュボード4月に強制アップデート ...
  えっ…と思って、旧インターフェースの Blogger ダッシュボードを開いてみると、確かに「Blogger は 4 月に新しいデザインに変わります」の文字が。
  → ※２ 実質、コメントの文字認証が外せなくなりますね。
• クリボウの Blogger Tips - Facebook
  Blogger Tips の Facebook ページ、何か間違っていたようなので作り直しました。
• Twitter / @chimtty: Linkwithinをモバイルで非表示にする方法が結 ...
  Linkwithin の入ったウィジェットの属性として　mobile='no' をつけると変わるかもしれません（参考）。
  → ウィジェット使わず、投稿ウィジェット内に直貼りされていたので、結局こちらで解決しました。
• 農協シュガータウンbyはなゆー: 一時停止中の「Google Blogger」クイック編集機能を復活させる方法
  もうみんな知っているとは思いますが。国別ドメインへのリダイレクトを一時停止すればクイック編集アイコンが復活すると。
• BloggerのRSSフィードで『続きを読む』を設定した場合にモバイルで閲覧した時PCビューとなってしまうのを防ぐ方法 - ichitaso
  続きを読むリンクからモバイル版を見られない件の JavaScript 的解決法。
• くま同盟コンピュータLab: 画像の回り込みを解除したい
  こういう、CSS の基本的なことも知っておくと便利かと。
• 日常＠水月　Blogger版: Bloggerで「はてなスター」を表示するときのテンプレート修正
  はてなスターの設置方法。
• Blogger - ラベル別のフィード配信 | Windup T
  ラベルページにラベル別フィードのアイコンを出す方法。こんなのもあります。
• Luckeyfrog's Lilypad: Blogger Tutorial: Switching from Google to Blogger Profiles
  自分や他人のブログの読者欄で表示されるプロフィールの編集方法。
• Twitter / @mori_taksi: @kurikuribo 見出しタグをつけるこのメニュ ...
  Blogger の投稿エディタで見出しを書き出せるようになったよう。ヘルプページもすでにあり。
• Blogger 画像のプロパティが設定可能に｜ヘルプページも更新 | Neta Beta Max
  Blogger の投稿エディタ、画像投稿の際にも alt や title が指定できるようになったみたいヘルプ。
• 琴線探査: BloggerのブログにFacebookボタンを入れるには？（JPリダイレクト対応版）
  Facebook ボタン設置方法。data:post.canonicalUrl 使用で、blogspot.jp から「いいね！」しても blogspot.com 対象データとして集計をまとめられる。

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