アメーバブログ(アメブロ)にお問い合わせフォームを設置する方法[3/3] | 静岡島田のホームページ作成なら・・・【ホームページ見直しま専科】-JMS

静岡島田のホームページ作成なら・・・【ホームページ見直しま専科】-JMS

静岡県島田市のホームページ作成【ホームページ見直しま専科】-JMS

こんにちは!

毎日3分間の脳のプチ活性化!

ブログカスタマイザーの中村です。


本日は、

「アメーバブログ(アメブロ)に問い合わせフォームを設置する方法[3/3]」

と題しまして、ブログを書いてみます。


さて、今日は、

設置までの過程をシェアします。


お問い合わせフォームといっても、
用途は、会社ホームページ用・ネットショップ用・ブログ用と様々。
そこで、今日は、各ホームページにもアクセスできる、
ブログ用としての問い合わせフォームを昨日の流れに従い、
設置までの流れを説明します。


※CSSにてアメブロカスタマイズ編集をされていらっしゃる方は、

①番目から、そうでない方は②番目から順次おこなって下さい。


①「ブログを書く」→「デザイン編集」→「cssの編集」


==ここから==

.mb2 {
border:#FF4500 2px dotted;
padding:20px;
line-height:1.5em;
font-size:14px;
background-color:#fcfcfc;
}
==ここまでコピー==
【ブログカスタマイズ@静岡・島田発】あなたの想いを形にする!島田で働くスタッフブログ

②まずは、画像をアップロードします。
【ブログカスタマイズ@静岡・島田発】あなたの想いを形にする!島田で働くスタッフブログ


③このようにアップロードします。
【ブログカスタマイズ@静岡・島田発】あなたの想いを形にする!島田で働くスタッフブログ



④ブログの記事を書くところの直下に「HTMLタグを表示」

と書いてありますので、そちらをクリックし、画像のように、

タグを入れる。

(※CSS編集不要の方は、次の⑤へお進み下さい。)

==ここから==

<div class="mb2"></div>

==ここまでをコピー==

【ブログカスタマイズ@静岡・島田発】あなたの想いを形にする!島田で働くスタッフブログ


⑤「HTMLタグを表示」の右側にある「タグの非表示」をクリックし戻る。

「表示を確認する」で、ちゃんと表示されているかチェックできます。

(線の中に余分な文字が入っている場合は、「HTMLタグを表示」の画面で、

もう一度、移動することができます。)
【ブログカスタマイズ@静岡・島田発】あなたの想いを形にする!島田で働くスタッフブログ


確認しOKでしたら、これで完成です。


【ブログカスタマイズ@静岡・島田発】あなたの想いを形にする!島田で働くスタッフブログ


このバナーで表示する方法は、
最近、増加しつつある「スマートフォン」ユーザーも、
クリックしやすいようにしたのが目的です。


スマフォ(スマホ?)ユーザーが2割とちょっととはいえ、
少しでも多くのお客様のことを考えた方がよいことは、
言うまでもありません。


ではまた、ごきげんよう。