メッセージボードの使い方③文字デザイン | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

引き続き
アメブロのブログトップに表示される、
メッセージボード
についてです。

今日は、
ここに入れる文字デザインを変更してみましょう。

メッセージボードに普通に文字を入れると、

文字の色や大きさが同じで、
ブログ本文のように、
お伝えしたいところを目立たせることができませんね。

本文の内容は次の通りです。

いつもブログを読んでくださってありがとうございます。
1月ももうわずかですね。

26日、27日 宝塚   終了
2月のスケジュールは...
2日、3日  大阪   残席わずか
4日、5日  東京   残席わずか
14日、15日 滋賀   募集中
16日、17日 神戸   募集中
21日、22日 大阪   募集中
25日、28日 沖縄   受付終了
となっています。
お問い合わせ、ご予約は xxxxx@sample.com までお願いします。



ではこの文字にデザインをつけていきましょう。

①「いつもブログを読んでくださってありがとうございます。」
 の文字を大きく目立たせる。
<font size="3"><b>いつもブログを読んでくださってありがとうございます。</b></font>


②「残席わずか」を赤字にする。

<font color="#FF0000">残席わずか</font>


③「募集中」を青字にする。
<font color="#0000FF">募集中</font>


④「受付終了」を緑字にする。
<font color="#008000">受付終了</font>


これを公開すると。。。



少し変化がついて読みやすくなりましたね。

明日は、
 ・フォントの変更
 ・ラインをひく
方法についてです。

お楽しみに。。。


今日も最後まで読んでいただいてありがとうございました。