ブログの記事内にカレンダーを設置する方法

こんにちは(^^)
札幌市厚別区のカラーセラピー色育サロン
色の通訳師花緒里です。

◇始めての方へ◇サロンメニュー◇イベント情報◇お問合せ

《１２月のご予約状況》
午前○ 10：00～12：00の間
午後○ 13：00～16：00の間
× 受付終了

【１２月のご予約状況】
日曜	月曜	火曜	水曜	木曜	金曜	土曜
						1日
2日	3日	4日	5日	6日	7日	8日
9日	10日	11日	12日	13日	14日	15日
16日	17日	18日	19日	20日	21日	22日
23日	24日	25日	26日	27日	28日	29日
30日	31日

↑↑↑ブログの記事内にカレンダーを設置する方法です。

googleのカレンダーやPutPutなどサイドバーに表示できるカレンダーはありますが、携帯ではサイドバーを見ることができません。
携帯で見ている方には、予定表を見てもらうことができません。

記事にカレンダーを表示することで、予約の状況などスケジュールを見やすくすることができ、携帯で見ている方にも予約状況をお知らせすることができます。

タグを利用したカレンダーは、PCが苦手な方にとっては蕁麻疹が出るかもしれませんが（笑）
慣れてしまうと案外簡単です(*^^*)

お客様にとって見やすくするためのカレンダーですので、活用できるといいですね(^^)

記事内に表を表示させるには、tableタグを使います。
基本の表の作り方については、イベントの告知などを見やすくするための表の作り方をお読みください。

↓↓↓12月分はこちらをコピー＆ペーストでお使いください。

<b><font size="3" color="orange" >《１２月のご予約状況》</font></b>
午前○ 10：00～12：00の間
午後○ 13：00～16：00の間
× 受付終了<table border align="center" bordercolor="#808080" cellpadding="5" cellspacing="0"><colgroup style="background-color:#ff99bb;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#99ddff;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><caption>【１２月のご予約状況】</caption><tr>
<td align="center">日曜</td> <td align="center">月曜</td> <td align="center">火曜</td> <td align="center">水曜</td> <td align="center">木曜</td> <td align="center">金曜</td> <td align="center">土曜</td><tr></tr><td></td><td></td><td></td><td></td><td></td><td></td><td align="center" valign="top">1日
</td><tr></tr><td align="center" valign="top">2日
</td><td align="center" valign="top">3日
</td><td align="center" valign="top">4日
</td><td align="center" valign="top">5日
</td><td align="center" valign="top">6日
</td><td align="center" valign="top">7日
</td><td align="center" valign="top">8日
</td><tr></tr> <td align="center" valign="top">9日
</td><td align="center" valign="top">10日
</td><td align="center" valign="top">11日
</td><td align="center" valign="top">12日
</td><td align="center" valign="top">13日
</td><td align="center" valign="top">14日
</td><td align="center" valign="top">15日
</td><tr></tr><td align="center" valign="top">16日
</td><td align="center" valign="top">17日
</td><td align="center" valign="top">18日
</td><td align="center" valign="top">19日
</td><td align="center" valign="top">20日
</td><td align="center" valign="top">21日
</td><td align="center" valign="top">22日
</td><tr></tr><td align="center" valign="top">23日
</td><td align="center" valign="top">24日
</td><td align="center" valign="top">25日
</td><td align="center" valign="top">26日
</td><td align="center" valign="top">27日
</td><td align="center" valign="top">28日
</a></td><td align="center" valign="top">29日
</td><tr></tr><td align="center" valign="top">30日
</td><td align="center" valign="top">31日
</td><td></td><td></td><td></td><td></td><td></td></tr></table>

<td align="center" valign="top">2日
ここに予定を入力のする</td>

日付の後に必要に応じて予定を入力します。

【１２月のご予約状況】
日曜	月曜	火曜	水曜	木曜	金曜	土曜
						1日
2日	3日	4日	5日	6日	7日	8日
9日	10日	11日 ◯	12日	13日	14日	15日
16日	17日	18日 ×	19日	20日午後◯	21日	22日
23日	24日	25日	26日勉強会	27日	28日	29日
30日	31日

↑↑↑上記の場合の記入方法は、

<table border align="center" bordercolor="#808080" cellpadding="5" cellspacing="0"><colgroup style="background-color:#ff99bb;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#FFFFFF;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><colgroup style="background-color:#99ddff;color:#000000;width:100px; text-align:center;font-size:12px;padding:2px 5px 2px 5px;"><caption>【１２月のご予約状況】</caption><tr>
<td align="center">日曜</td> <td align="center">月曜</td> <td align="center">火曜</td> <td align="center">水曜</td> <td align="center">木曜</td> <td align="center">金曜</td> <td align="center">土曜</td><tr></tr><td></td><td></td><td></td><td></td><td></td><td></td><td align="center" valign="top">1日
</td><tr></tr><td align="center" valign="top">2日
</td><td align="center" valign="top">3日
</td><td align="center" valign="top">4日
</td><td align="center" valign="top">5日
</td><td align="center" valign="top">6日
</td><td align="center" valign="top">7日
</td><td align="center" valign="top">8日
</td><tr></tr> <td align="center" valign="top">9日
</td><td align="center" valign="top">10日
</td><td align="center" valign="top">11日
◯</td><td align="center" valign="top">12日
</td><td align="center" valign="top">13日
</td><td align="center" valign="top">14日
</td><td align="center" valign="top">15日
</td><tr></tr><td align="center" valign="top">16日
</td><td align="center" valign="top">17日
</td><td align="center" valign="top">18日
×</td><td align="center" valign="top">19日
</td><td align="center" valign="top">20日
午後◯</td><td align="center" valign="top">21日
</td><td align="center" valign="top">22日
</td><tr></tr><td align="center" valign="top">23日
</td><td align="center" valign="top">24日
</td><td align="center" valign="top">25日
</td><td align="center" valign="top">26日
勉強会</td><td align="center" valign="top">27日
</td><td align="center" valign="top">28日
</a></td><td align="center" valign="top">29日
</td><tr></tr><td align="center" valign="top">30日
</td><td align="center" valign="top">31日
</td><td></td><td></td><td></td><td></td><td></td></tr></table>

赤い文字の部分のように該当する日付の後に予定を入力します。

最新月のカレンダーをご希望の方は遠慮なくリクエストしてください(^-^)/

$札幌の子育てママの毎日の悩みを解決する色彩心理カウンセリング・色育カラーセラピー-ブログ初心者カスタマイズ

札幌市厚別区の子育て中のママの悩み相談はカラーセラピー色育サロンへ

◆ヒールウィングス　お子様連れOK◆営業時間:10:00～16:00 土･日曜定休（土日ご相談ください）
場所:札幌市厚別区大谷地東3丁目　自宅サロン
◆MENU
◆ご予約状況
お問合せ・ご予約はこちら

TEL:050-3692-1681
地下鉄東西線大谷地駅より徒歩５分

1台無料駐車場有ります。