ブログを運営しているとよく「HTMLタグ」を使う場面が出てくるたびに悩んでしまう人は多くいると思います。
「HTMLタグ」がわからない方に「HTML編集」は難しいのですが「そのまま編集」だけで「HTMLタグ」をコピペできれば便利だと思いませんか?
そこで今回は「【はてなブログ】の「見たまま」編集モードで「HTMLタグ」の貼り付けができる方法(初心者向け&図解入り)」について解説させていただきます。
こんばんは!たかぼんブログドットコムのたかぼんです。
【目 次】
「サイドバー」に「定型文貼り付け」機能を設定する方法
まずは「はてなブログ」の管理画面である「ダッシュボード」を開きます。
そして「記事を書く」という青いボタンをクリックします。
そして画面の右にある「サイドバー」の左の下の方にある①「+」のマークをクリックします。
すると「編集サイドバー」が開きいろんなメニューが出てきますが一番下までスクロールすると「定型文貼り付け」という項目があるので右のスイッチを②「オン」にします。
スイッチがオンになるとスイッチのマークが①青くなります。そして②定型文貼り付けのマークが表示されます。
定型文を作成する
ここでいう「定型文」とはHTMLタグのことです。HTMLタグなんてわからないよ~!でも心配しないでください。コピペするだけでできるので超かんたんです。
①「定型文貼り付け」のマークをクリックするとサイドバーが「定型文貼り付け」の項目に変わります。
そして②「定型文を作成する」をクリックします。
上の欄に①タイトルを入れます。そして下の大きな欄に文章ではなく②HTMLタグを入れます。
例えばGoogleマップの地図を貼り付けたいとします。
次項ではGoogleマップのHTMLタグのコピーのしかたについて解説します。
Googleマップを貼り付ける
まずはGoogleマップを開きます。GoogleマップのURLは下記にリンクしているのでそこからジャンプできます。
Googleマップの画面から行き先を検索します。
今回は「大阪城」へ行ってみたいと思います。
検索欄に「大阪城」と入力すると、その下に大阪城の所在地が出てくるのでそこをクリックします。
すると「大阪城」の地図が出てくるので「共有」のマークをクリックします。
次に「地図を埋め込む」というところをクリックします。
次に「HTMLをコピー」をクリックします。
次にタイトルの欄に①「大阪城の地図」と入力して本文の欄にGoogleマップでコピーしたHTMLタグを②ペーストして最後に下の③「保存する」をクリックします。
次に右のサイドバーに表示された「大阪城の地図」という文字をクリックします。
すると右下に「選択した定型文を貼り付け」という青いボタンが出てくるのでここをクリックします。
そうすると上記のようなGoogleマップが貼り付けられます。
まとめ
この記事では「【はてなブログ】の「見たまま」編集で「HTMLタグ」の貼り付けができる方法(初心者向け&図解入り)」について解説させていただきました。
このやり方を使うと「Googleマップ」だけではなく「アフィリエイト」などの「HTMLタグ」も貼り付けることができるのでぜひ設定しておいてください。
『【必見!】ブログで収益を得るためにはアフィリエイトのASPに登録することをおすすめする3つの理由』についてはこちらからどうぞ。
最後までお読みいただきありがとうございました。
感謝いたします。
少しでもあなたのお役に立てたらうれしいです。
ではまた!
はてなブログの方は
読者登録をお願いします(^_-)-☆
▼今すぐTwitterのフォローをする▼
▼ブログ村に参加しました▼
▼この記事を今すぐSNSにシェアする▼