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

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

大分県宇佐市の理容室ヘアーサロンみついし4代目しています
三石利徳【みっつん】です
メンズのショート、ベリーショート、スキンフェード得意です
パーマ大好きで、短いメンズのマストアイテム
骨格・髪質矯正パーマのコテパーマ(アイロンパーマ)ができます
イケメンになりたい方、僕に任せてください

みっつんをフォローする
アメブロ小ネタ

グーグルマップをアメブロに埋め込みます

 

 

 

 

 

今日も読んでいただきありがとうございます

 

コテパーマ大好き理容師

 

ハートとコテはアツアツ!!

 

大分県宇佐市四日市

 

ヘアーサロンみついしの

 

 

 

熱男(ねつお)

 

こと

 

三石利徳【みっつん】です(^o^)

 

 

よろしくお願いします(*´∀`*)

 

↓ホームページ↓

 

メニュー表です

 

 

当店の注目メニュー

 

 

メンズコテパーマ☜

 

 

おさまらないサイドや潰れるトップのお悩み解決のお手伝い

どんな短い髪でも巻ける

ピンピンツンツン馴染まない直毛のマストアイテム

乾かす程に形がキマる形状記憶パーマです

 

 

スキンフェード☜

 

 

 

スキン=肌

フェード=刈り上げ

肌が見えるくらい激薄に仕上げた刈り上げです

 

 

アメブロの方を中心に

もっとブログの潜在能力を引き出そう

アメブロ活用アドバイザーもしています

もっとブログを使い倒そう!!

アメブロアドバイザーのまとめ記事です

 

 

昨日のブログ

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

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

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

 

 

地図を埋め込むを選択

 

 

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

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

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

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

 

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

HTML編集を選択

 

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

 

HTML編集モードを閉じると

 

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

 

 

 

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

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

なので、目安をつけます

 

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

 

この状態は

 

 

こんな状態

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

 

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

 

 

もう一度みると

 

 

連続改行入れたエリアは

<div><br></div>

これが連続しています

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

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

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

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

 

 

 

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

 

 

 

 

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

 

 

<iframe  から  </iframe>

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

 

 

以上が

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

 

 

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

 

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

 

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

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

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

 

メールリンクも作れます

mailto:メールアドレス

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

 

 

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

 

明日、明後日は

 

こんなテーマで

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

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

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

明日はYoutubeのアップの仕方

明後日は埋め込み方で更新する予定です

お楽しみに(*^▽^*)

 

 

 

ブログに最後までお付き合いありがとうございますm(_ _)m

 

 

 

※ゲスト出演は強制ではありません

 

 

 

苦手な方は遠慮なくお断りくださいね(^^)

 

 

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

HairSalonみついし | 最高の時間をあなたと共に~ヘアーサロンみついし~大正14年創業の理容室~
最高の時間をあなたと共に~ヘアーサロンみついし~大正14年創業の理容室~

 

 

 

 

0978-32-0294

 

 

定休日 毎週月曜日 第三日曜日

 

営業時間 8:30〜19:00迄

 

駐車場6台あります(^^)

 

コメント