Google

このブログについて

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

フィードリーダーに登録

お知らせ

また発作的にブログを作ってしまいました。


フォトログも更新中。フィードリーダーの片隅にでも、置いてもらえるとうれしいです。

以前の記事

現在の閲覧者数

web tracker
2008-12-28

Blogger in Draft に「ジオタグ」機能が追加 このエントリーをはてなブックマークに追加

Blogger in Draft に「ジオタグ」機能が追加されています。

Blogger のジオタグ(Geotag)機能

Blogger in Draft から「新規投稿」や「投稿を編集」画面を開くと、新しく「場所を追加」というリンクが表示されています。リンクをクリックしてみたのが上の画像。

表示されている地図上をドラッグしたり住所で検索したりして場所を決定し「保存」ボタンを押すと、投稿に場所情報を追加することができます。場所が追加されると、実際のブログ上の各投稿には「場所: 日本薬王院温泉寺」のようなラベルの、 Google マップへのリンクが表示されるようになります。

動作例として、「写真日記」につけてみたのがこちらです。うちみたいなフォトログや旅行記なんかによさそうですね。

導入は、Blogger in Draft 管理画面「レイアウト > ページ要素」の「ブログの投稿(Blog Posts)」の「編集」リンクから。ポップアップする「ブログの投稿の設定」ウィンドウから「場所(Location)」を見つけてチェックボックスにチェックを入れるだけ。


カスタマイズされたテンプレートの場合

今回も、Blogger 標準のテンプレート以外の場合、うまく導入できないことがあるようです。そういうときには、こちらの記事をどうぞ。

やり方だけ抜き出して、訳してみるとこんな感じ。

1.Blogger 管理画面「レイアウト > HTML の編集」ページで「ウィジットのテンプレートを展開」にチェックを入れます。
2.テンプレートコードの中から
<div class='post-footer'>
もしくは
<p class='post-footer-line post-footer-line-1'>
を見つけ出して、すぐ後に
<span class='post-location'><b:if cond='data:top.showLocation'><b:if cond='data:post.location'><data:postLocationLabel/><a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a></b:if></b:if></span>
というコードを貼り付けて、テンプレートを保存します。

クリボウも、この方法で「写真日記」に導入することができました。
…というわけで、ブログの記事に地図情報を載せたいという人は、ぜひお試しください。
posted at 19:59 | Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示
:
  • うちでも導入してますよ~。
    タグ付け方法を今後も改良していくようなことを言っているので、貼り付けた写真のExifとか、FirefoxのGISとかから自動推測するようになるかも知れませんね。

    By Blogger Cat-sushi, at 29 December, 2008 00:40  

  • ありがとうございました。
    この機能、前に見て導入したかったのですが、うまく行かなかったのです。
    このコードを入れたらちゃんと表示されました。

    By Blogger 高野俊一, at 29 December, 2008 09:53  

  • クリボウさん、いつも情報、ありがとうございます。早速、取り付けてみましたが、取り付けには苦労しました。面白そうな機能で、楽しみが一つ増えました (^^ゞ

    By Blogger ボンボンバカボン, at 08 January, 2009 09:04  

  • みなさんコメントありがとうございます。けっこう位置情報って需要があるもんなんですね。記事にして良かったです。

    By Blogger Kuribo, at 04 April, 2009 15:05  

Post a Comment


Links to this post:

Create a Link