スノーマン（雪だるま）のテンプレートを共有テンプレートにアップしました。
まだ、京都では紅葉が真っ盛りの時期ですが、北から冬将軍が近づいてきています。
一足早く冬気分にしたい方は是非使ってみてください。

※当サイトで使っているものは、背景など詳細が若干異なる部分がございます。

プレビュー
ダウンロードページ　コメント＆★をいただけると励みになります。

今朝はようやく冬が近づいてきたという感じの朝でした。
当サイトのテンプレートは長らく同じものを使ってきましたが、冬の到来に合わせて冬らしいものを作ってみました。
私自身は背景が白で、シンプルなのに立体感のあるデザインが好きで、共有にＵＰしているものとはかけ離れた細かいグラデーションを積み上げたアメリカのWebデザインに感動しています。自分の勉強ついでにこんなの出来ないかなぁと遊びながら作ったテンプレートが多いので、自分の趣味とはいつも離れていってしまうのです。
当ブログで使えそうなものを１から作ってみたいなぁと前々から考えていたのですが、グラフィックデザインが下手すぎて、なかなか気に入ったものが出来なかったかったのです。

このテンプレは、私がはじめてFlashのアクションスクリプトに挑戦して作ったもので、素人Flashですいません。何で雪の結晶は落ちないの？という突っ込みを浴びそうです(笑)
ランダム関数を使って、揺らぎの幅・スピード、落下スピード、雪の粒の大きさなどを変化させて、奥行き感やフワッとした雰囲気を出しています。
Flashアクションスクリプトはhttp://www.tutorio.com/の記事を参考にアレンジをしたのですが、何故か該当ページが削除されてしまい、ご紹介出来ません。
Flash講座さんのサイトにほぼ同じ設計のアクションスクリプトがありましたので参考にしてください。ちょこっとプログラムをかじった方なら基本的なものしか使っていませんので簡単ですね。
ブログでFlashを使うのもナローバンドな（通信速度が遅い）訪問者には、表示に時間がかかるなどの負担をかけてしまうので、本来はよろしくないのでしょうが、初物なのでファイルサイズを小さめにして使ってみました。

因みにPhotoshopでの画像作成は下記サイトを参考にさせて頂きました。
試行錯誤を繰り返すうちに全く似ていないものになりましたが．．．
Create a Holiday Card with Snowman

07.11.20 共有テンプレートの承認がおりました。
詳しくはこちら → スノーマン（共有テンプレート）

ブログのカスタマイズページとアーカイブページに記事一覧を加えました。

以前読んだhttp://customize.blog.shinobi.jp/さんのページにあったタグを使わせて頂きましたが、当該ページは削除されてしまっていますので、引用しご紹介します。

メイン部分の<!--entry-->を探し、その上に下記htmlを挿入します。
テンプレにsnowmanを使っている場合、

<!--/plugin5-->
■ここに下記htmlタグを追記■
<!--entry-->

【HTML】

<!-- タイトル一覧【カテゴリページ】 -->
<!--if_category-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_category-->
<!-- /タイトル一覧【カテゴリページ】 -->
<!-- タイトル一覧【アーカイブページ】 -->
<!--if_date-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_date-->
<!-- /タイトル一覧【アーカイブページ】 -->

【CSS】
次にCSSの一番下などに下記を貼り付け。ご自分のテンプレに合わせてカラーなど変更。

/*-------------------------------------------------------
記事タイトル一覧部分 > 全体
-------------------------------------------------------*/
.TitleListBox {
font-size: 95%; /* フォントサイズ */
width: 542px; /* 枠の幅 */
text-align:left; /* テキスト位置 */
background-color:#E6E6FA; /* 背景色 */
border:1px solid #CCCCCC; /* 枠線の設定 */
padding:5px; /* 内側余白 */
margin: 0px 0px 15px 0px; /* 外側余白 */
}
/*-------------------------------------------------------
記事タイトル一覧部分 > タイトル
-------------------------------------------------------*/
.TitleListTitle {
font-weight: bold;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > テキスト
-------------------------------------------------------*/
.TitleListText {
font-size: 95%;
text-align:left;
margin: 0px 0px 0px 10px;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > ページリンク
-------------------------------------------------------*/
.TitleListPageLink {
font-size: 95%;
text-align:center;
}

ピンクの花と若草色のさわやかなテンプレート「フラワー」をＵＰしました。
本当はカスタマイズのベースとして使えるとてもシンプルなテンプレートにしたかったのですが、一度忍者ブログ様のテンプレート承認で落ちてしまい、「もう少し工夫を」とのことでしたので、ラウンドコーナーや、プラグイン部分のHover処理など当初考えたものより手の込んだものになってしまいました。
とはいっても、カスタマイズしやすいように設計してありますので、今後のカスタマイズ記事においてこのテンプレートをベースに解説を進めていく予定です。

プレビュー
ダウンロード　コメント・★をいただけると励みになります。

海のサンセットを背景にして秋色の落ち着いた色合いで黄昏を作成しました。

画像は無料素材として写真を提供しているfree pictures photos からお借りしております。
プレビュー
ダウンロードページ　コメント・★をいただけると励みになります。