アメブロにGoogle Map(グーグルマップ)を貼り付ける

アメブロにGoogle Mapを貼り付ける

 

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら

 

これはアメブロの新しいスキン「css編集用デザイン」に対応しています。

アメブロの記事欄にGoogle Mapを貼り付ける方方法です。

アメブロにGoogle Map(グーグルマップ)を貼り付ける

 

まずはGoogle Mapにアクセス。

表示させたい地図の名称や住所で検索します。

アメブロにGoogle Mapを貼り付ける

 

次に「リンク」のボタンをクリック。

アメブロにGoogle Mapを貼り付ける

 

そして「埋め込み地図のカスタマイズとプレビュー」をクリック。

アメブロにGoogle Mapを貼り付ける

 

地図のサイズをカスタマイズします。

地図のサイズは「カスタム」にチェックを入れ、幅と高さを入力。(単位はpx)

CSS編集用デザインの3カラムを使用している場合は、幅を410pxにすればぴったりです。

そして表示されるHTMLを全てコピーします。

アメブロにGoogle Mapを貼り付ける

 

あとはこのHTMLをアメブロの記事作成時に貼り付けて公開すればOK。

アメブロにGoogle Mapを貼り付ける

 

人気ブログランキングで今何位?

アメブロのヘッダー画像を無料で作成

  • このエントリーをはてなブックマークに追加

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る