カメラと週末旅行

一眼レフカメラを片手に週末に旅行するブログ

コピペでOK、はてなブログにGoogleマップをはりつける方法

はてなブログにGooglemapをはりつける

はてなブログへのGoogleマップの貼り付け、ものすごく簡単です。ご紹介します。

いままで投稿した全ての観光スポット巡りの記事にGoogleマップをはりつけました。Googleマップの貼り付け、ものすごく簡単。なんで最初からやらなかったんだろう。というわけで、やり方をご紹介。

はてなブログにGoogleマップをはりつる方法

超簡単。コピペで埋め込みOK

(1)まずGoogleマップで観光スポットを検索

はてなブログにGoogleマップをはりつけ

 

(2)メニューをクリック

はてなブログにGoogleマップをはりつけ

 

(3)地図を共有または埋め込むをクリック

はてなブログにGoogleマップをはりつけ

 

(4)地図を埋め込むをクリック

はてなブログにGoogleマップをはりつけ

 

(5)文字列をコピー

はてなブログにGoogleマップをはりつけ

 

(6)はてなブログの記事でHTML編集

(7)該当箇所にコピペ。

はてなブログにGoogleマップをはりつけ

 

(8)終わり。これだけ。コピペだけ。

f:id:akiakigogogo:20180307153017p:plain

 

2週間前の記事からGoogle マップをはりつけ始めました。それまでは住所を書いて終わり。記事にアクセスして頂いた方が、現在地から目的地までのルートや所要時間をすぐに把握できますし、地図を埋め込んだ方が何かと便利ですね。 

 

いままでのすべての記事にGoogleマップを貼り付け、貼り付け

2週間前の記事からGoogle マップをはりつけ始めたということは、それまでは全く貼っていない訳で、ここからは精神と時の部屋コース。過去の記事にGoogleマップをひたすら貼り付けていきます。

・・・・終わりました。2時間かかったよ。

終わったよ、パトラッシュ、疲れたろう。僕も疲れたんだ。なんだか、とても眠いんだ、パトラッシュ。

 

まとめ

全ての観光スポットの記事に、Googleマップをはりつけました。ふぃー。単純作業とは言え、骨の折れる作業でした。でもこれで見やすくなったかな。

静岡の美しい自然を沢山の方に知って頂きたいですので、これからも、より見やすく、より便利なサイトを目指します。

はてなブログにGoogleマップをはりつけ

 

その他ブログの改善記事

アクセススピードの改善はこちら。読み込みにかかる時間が10分の1になりました。

 記事を見やすくするために、シンプルなデザインにカスタマイズしました。