こんにちは。
『やさしいブログの作り方』の松田です。

私のブログの記事下にはこのような定型文を入れています。

やさしいブログの作り方


この見出しラインの入った囲み枠はどのようにしたら作れますか?というお問い合わせを頂いたのでご紹介しますね。

見出しライン付きの囲み枠のタグは以下のとおりです。

<div style="border:1px solid #3b5998; margin:0 8px; padding:0;border-radius:5px; box-shadow:#cccccc 3px 3px 3px;"><p style="margin:0; padding:3px 12px; background:#3b5998; color:#ffffff;">見出しタイトル</p><div style="font-size:0.83em;padding:12px;">

本文の内容

</div>


赤字のところはお好みのカラーコードを指定していただければOKです。

また、見出しタイトルは短め(10文字程度)に書くと1行に収まるので体裁が良くなります。^^


タグ編集エディタ以外を使っておられる場合は、HTML表示に変えてから上記タグを貼り付けてくださいね。


最後までお読みいただきありがとうございました。

4つの無料メール講座配信中

これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全10回)

「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+αが学べる無料メール講座(全10回)

メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)

パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術10の技メール講座


6月1日、電子出版しました!

ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。^^

AmazonのKindleストアにて好評販売中!
やさしいブログが教えてくれたこと