グーグルマップをアメブロに埋め込む

このブログを書いてる人【みっつん】
みっつん

大分県宇佐市の理容室ヘアーサロンみついし

理容師の三石利徳【みっつん】です

メンズカット専門でやってます。

ゲストの8割以上刈り上げを取り入れるくらい刈り上げが大好きです

ゼロミリから始まる究極の刈り上げ【スキンフェード】できます

メンズの直毛、軟毛のボリュームの悩み解決に【コテパーマ】というパーマでお悩み解決のお手伝いしています

プライベートは二児の父親

下のアイコンからホームページやSNSにリンクしてます↓↓

みっつんをフォローする
アメブロ活用

スマホからでもできるグーグルマップをアメブロに埋め込む方法です

 

完成例

 

☆★☆★☆★☆★☆★☆★☆★☆★☆★☆

みっつん
みっつん

今日もありがとうございます!!

毎日元気なみっつんです(≧∀≦)

仕事の事・ブログ運営での発見・お出かけ情報

(時々オフザケ)

その他いろいろな

お役立ち情報を毎日発信中です

ヘアーサロンみついしホームページ

ヘアーサロンみついし
大分県宇佐市の理容室ヘアーサロンみついしです。アットホームな雰囲気と確かな技術を皆様に提供させていただきます

☆★☆★☆★☆★☆★☆★☆★☆★☆

昨日のブログ

 
 
 
 
HTMLの事を軽く触れましたが、大丈夫でしたか??
 
分からないことはご連絡下さいね!!
 
 
今日の内容には
 
スマホの方は
 
クロームアプリ
 
 
グーグルchromeアプリが必要です!!
 
 
ご用意ください(^^)/
 
 
 
先ず、chromeを開きます
 
 
やり方
 
 
真ん中下の⊕をタップ
 
やり方
 
 
グーグルマップを検索
 
 
やり方
 
 
右下の「…」をタップ
 
 
やり方 やり方
 
 
PC版サイトをリクエストをタップ
 
 
やり方
 
 
 
すると、PCサイト画面に切り替わります
 
ここでグーグルマップを選択して
 
マップを埋め込みたいお店を選びます
 
 
やり方
 
 
 
「三」をタップ
 
 
やり方
 
 
メニューが出ても、もう一回「三」をタップ
 
やり方
 
 
 

地図を共有、または埋め込むを選択

ここが、safariじゃできません!!

やり方

 

 

地図を埋め込むを選択

 

やり方

 

○で囲ったコードをコピーする

※ここが、今回埋め込むHTMLタグになります

スマホじゃ、中々コピーさせてくれないけど、

頑張って左端から右端までコピーして下さい(^^)

やり方

 

コピーできたら、アメブロのブログ作成で

HTML編集を選択

やり方

 

先ほどコピーしたHTMLタグを貼り付ける

やり方

 

HTML編集モードを閉じると

 

これで埋め込み出来ました(*´▽`*)

 

やり方

けど、ブログの一番上や一番下にマップ入れるならともかく

文章中に入れるとなると、HTMLタグの暗号の中に入れないといけない

なので、目安をつけます

 

「みっつん」と「グーグルマップ」の間に埋め込むとします

やり方

 

この状態は

 

やり方

 

こんな状態

分かりにくいです(;^ω^)

 

そこで、改行を数行入れます

やり方

 

もう一度みると

 

やり方

 

連続改行入れたエリアは

<div><br></div>

これが連続しています

ここのどこかに埋め込むって目安になります

>と<の間に先ほどコピーしたタグを貼り付けます

どの  >と<  の間でも入れれますが

それ以外の場所に入れるとエラーになります

やり方

 

やり方

 

 

こんな感じで埋め込まれますので、後は不要な行を削除して調整してください

埋め込んだマップを削除したいときは

 

やり方

 

<iframe  から  </iframe>

までの間を削除するとマップは削除できます

 

以上が

アメブロにグーグルマップをマップを埋め込む方法です

 

 

手順で分からない事がありましたら、

 

メールでもお待ちしてます!!←メールを送る

 

最近、ラインが多いので、メールにどこまでニーズがあるか分かりませんが

お友達のブログ読んでたら見つけました(^^)

先日お伝えした電話リンクの応用で

アメブロ・ワードプレスで超簡単に活用できる電話リンク
超簡単にブログ画面から電話をかけられるリンクをつくる方法です。アメブロでも動作確認済み。スマホから簡単にできます。

メールリンクも作れます

mailto:メールアドレス

これでメールリンク完成です!!

 

ちょっと長くなったので、今日はこの辺で!!

 

明日、明後日は

 

こんなテーマで

アメブロは動画が1分以内✖4本くらいしかアップできないけど

Youtubeにすれば、大半の動画は対応できます

プライバシーの事なども説明します(^^)

 

良かったら、コチラも読んでみてください(*^▽^*)

アメブロを便利にする小ネタです

アメブロ・ワードプレスで超簡単に活用できる電話リンク
超簡単にブログ画面から電話をかけられるリンクをつくる方法です。アメブロでも動作確認済み。スマホから簡単にできます。
アメブロ活用 準備編
アメブロで普通にブログ書いてると、中々HTMLの意味が分からないですよね。文字に色付けたり大きくしたりをコントロールしているHTMLの基礎のおはなしです
Youtubeのアップとプライバシー設定
  アメブロで動画アップするならYoutube 最初の一手間あるけど アップしてしまえば時間の制約も無くなるし その先色々使い道がひろがります(*^▽^*)   今日はYoutubeのアップ方法     Youtube...
youtubeをアメブロに埋め込む
スマホからでも可能なアメブロにYouTube動画を埋め込む方法です。もっとアメブロをいじり倒そう
アメブロのサムネのコントロール
アメブロでサムネイルに意図してない画像出ると後々のアクセス数に影響してきますよね。ブログを財産にするためにもサムネイルのコントロールを

★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆

予約について

ブログを読んでみっつんに任せてみようかな~と思った方

会ってみたいな~って方

ジャンジャンご予約をお待ちしてます(´▽`*)

電話0978-32-0294☜こちらから繋がります

当日予約、キャンセルは電話でお願いします

いきなりの電話は苦手~って方はLINE@で友達追加して頂くと

LINE@からもご予約可能です

友だち追加

詳しい予約の事はコチラをチェック

ご予約の注意点
予約方法と、注意点です

予約以外でも質問等ありましたらお気軽にお問い合わせください♪

 

ブログへのゲスト出演は強制ではありません

出演NG,顔出しNG遠慮なくお断りください(^^)

最後まで読んでいただきありがとうございます

コメント

【ヘアーサロンみついしからのお知らせ】

ヘアーサロンみついし
大分県宇佐市の理容室ヘアーサロンみついしです。アットホームな雰囲気と確かな技術を皆様に提供させていただきます
  • 【急なお知らせ】3/3日曜日の受付終了時間のお知らせです
    by ヘアーサロンみついし on 2019年2月27日 at 3:19 AM

    いつもお世話になります ヘアーサロンみついしです 急なお知らせになりますが 3/3(日曜日)は、私用のため 最終受付時間が早まります カット17時 カラー16時30分 パーマ16時 迄となります 大変ご迷惑をお掛け致しま […]

  • 3月のおやすみです
    by ヘアーサロンみついし on 2019年2月24日 at 7:39 AM

    いつもお世話になります ヘアーサロンみついしです あっという間に2月も終盤になりましたね!! 3月のお休みのお知らせです 今回からカレンダーを載せていきます ⭕️のついている日がお休みです また来月も沢山のお客様のご来店 […]

  • 明日17日は第三日曜日でお休みいただきます
    by ヘアーサロンみついし on 2019年2月15日 at 11:53 PM

    いつもお世話になります ヘアーサロンみついしです   明日17日は、第三日曜日でお休みいただきますので   明日を予定されてた方はご注意下さい   19日火曜日は通常通り8:30から営業いた […]

  • 2月のお休みです
    by ヘアーサロンみついし on 2019年1月31日 at 10:47 PM

    いつもお世話になります ヘアーサロンみついしです 2月のお休みです 2/4(月曜日) 2/11(月曜日) 2/17(日曜日)2/18(月曜日) 2/25(月曜日) よろしくお願い致します ヘアーサロンみついし 大分県宇佐 […]

  • お休みのお知らせです
    by ヘアーサロンみついし on 2019年1月19日 at 5:14 PM

    お世話になります ヘアーサロンみついしです 本日1/20(日) 明日1/21(月)は 第三日曜月曜の連休を頂いております ご迷惑をおかけ致します 今月のお休み 1/20 1/21 1/28 ヘアーサロンみついし 大分県宇 […]

タイトルとURLをコピーしました