Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

 

今日のブログは、

ご質問頂いた「Googleマップ」をアメブロに埋め込む方法についてまとめてみました。

 

おはようございます。

個人事業主さんのホームページ作成と苦手なIT&Webサポートを行なっております。Smilefactoryten代表 加藤敦志 です。

 

埋め込むとこんな感じ

 

実際に埋め込んだGoogleマップはこちらです。

※皇居あたりのGoogleマップです

 

 

埋め込む方法

※今回はパソコンでの方法になりますが、スマートフォンでも同じなのでやってみてくださいね!

 

1.Googleマップで埋め込みたい場所を検索・表示させましょう

 

Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

2.クリックして場所の詳細を表示させて「共有」ボタンをクリックしましょう。

 

Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

 

3.地図を埋め込むをクリックしましょう

 

Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

4.地図(Googleマップ)のサイズを決めましょう。小、中、大、カスタム。

 

Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

 

5.カスタムの場合は自由に地図の大きさを決めることができます。

 

Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

6.最後に「HTMLコピー」をクリックして、アメブロをHTML表示にして、貼り付けましょう!

 

Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

Googleマップをアメブロに埋め込む方法 札幌加藤敦志

 

 

他のブログでも同じ

 

例えば、WordPressなんかでも、HTML埋め込み方法でGoogleマップを配置する場合は、今回の方法を使って「HTMLブロック」に、コピーしたコードを貼り付ければOKです。

 

便利ですよね!

 

ブログでこの場所〜というのをお伝えしたい場合には、こういうシェアの方法を知っっておくと良いですよね。また他にも応用が利くので色々使えると思いますので是非活用してみて下さい!

 

今日も最後までお読み頂きありがとうございました!!

 

 

 


LINE@パソコン・スマホのお役立ち情報配信中!
よかったらお友達登録してね〜!

 

友だち追加

@938fcjnx LINE@ ID からも登録できます。

 

NEW対面5月21日(火曜日)アメブロSEO対策強化勉強会開催NEW

アメブロのSEO対策強化について、SEO初心者向け、SEO中級者向けと分けて開催致します。

日時:5/21 (火)
   初心者の方:10:30〜
   中級者の方:13:30〜
場所:札幌駅北口ホテルレンタルルーム
人数:各4名様
参加費:4,000円(事前お振込をお願いしています)

 

 

 

 

 

NEWオンラインアメブロSEO対策強化勉強会開催中NEW


随時募集しております。
 

 

 

ベルHP作成とIT&Webサポート承っております。ベル
※現在リニューアル中です。

  • ホームページ作成:ライトプラン
  • ホームページ作成:プレミアムプラン
  • サポート
    ├ ホームページ維持管理(操作・運用・管理)
    ├ PC、スマートフォン操作・設定等
    ├ パソコン購入サポート(購入同行)
    ├ YouTube配信サポート・動画編集
    └ 他、IT&Webの「ソフト・ハード」面サポート

詳しくは「こちらから」お問合せください。

 

 

 

ではまた。
Smilefactoryten
代表 加藤敦志 でした。