こんにちは!
毎日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割とちょっととはいえ、
少しでも多くのお客様のことを考えた方がよいことは、
言うまでもありません。
ではまた、ごきげんよう。