テンプレの使い方について

「ここで配布してるテンプレってどうやって使ったらいいの？」
「いまいち使い方の説明わかりづらい～～！」かもしれないので
使い方について記載してみました。
基本的なhtmlのタグの説明は省略いたします。
素人の説明なのでわかりにくいところなどあるかもしれませんが
どうぞご了承くださいませ。(* _ _)

▼テンプレを選ぶ
▼テンプレをコピー＆ペーストする
▼テンプレートマスターを使う
▼文字書式をかえる
▼素材について

テンプレを選ぶ
こちらのテンプレは楽天ブログでのサイズに合わせて作成しています。
あなたのブログはどのタイプですか？

トップ560px、日記535px幅の左メイン型・右メイン型の
２カラムブログ用 のものと

トップ380px、日記370px幅の中央メイン型の
３カラムブログ用 と大きくわけています。

設定よりも幅の広いテンプレを使うと
ブログデザインがくずれるかと思いますので
ご注意ください。

またアフィリエイト用テンプレートについては
画像サイズなど表記より大きいものを使うと
デザインがくずれることがあります。

テンプレをコピー＆ペーストする
テンプレートマスター（次事項参照）を使う場合には
必要ないかもしれませんが、
テンプレタグソースを持ちかえりたいときや
日記編集画面などで直接編集する場合などにどうぞ。

テンプレソースをマウスでドラッグして選択します。
（このときはじめの「<」や終わりの「>」も忘れないように！）

右クリックで「コピー( C )」すると選択範囲（画像の青くなったとこ）がコピーされます。
そのまま記事投稿画面やパソコン内のメモ帳など貼り付けたい場所に
右クリックで「貼り付け( P )」します。
これでテンプレソースのコピー＆ペーストが完成！
そして「ここに本文」とか「ここに画像」の部分を消してから
日記本文やアフィリ画像などかわりに入れてくださいね。(*^-^*)

テンプレートマスターを使う
テンプレートマスター とはテンプレートを使って
簡単にページ作成ができる無料ツールです。
ダウンロードも必要なく、そのサイトにアクセスして作業するだけ。

当ブログで配布しているテンプレはすべてテンプレートマスターに
対応していますのでコピペの手間がかかりません。

テンプレートマスターを使ってみるには？
テンプレのタグソースの前にある「テンプレートマスターで編集」のリンクをクリックすると
以下の画面になります。
「テンプる！」部分をクリックします。
テンプレ解説1

するとそのテンプレのソースが取りこまれ、上のように表示されます。
テンプレ解説2

あとは「ここに本文」をクリックし、自分の日記を書いていけばＯＫです。
テンプレ解説3

ただし念のために、事前にメニューの「環境設定」の「安全モード」を
オンにしておくと急に停電になったりパソコンがフリーズしたりしても、
直前の日記内容は保存されるようです。（もし間違ってたらすみません）
またその状態でこまめに「更新」ボタンを押して上書き保存状態に
されると安全だと思います。

オークションテンプレも同様にリンク部分をクリックして
編集していってください。

文字書式をかえる
アフィリテンプレではあまりありませんが、日記テンプレは
文字サイズ（一部文字カラーも）をはじめから指定してます。
ご自分のブログなどのもとの文字サイズがいいという場合には
文字設定部分を削除してください。

【例】

このテンプレは文字サイズが13px、
色数値は#FFFFA6、行間が150%に設定されています。

＜テンプレソース＞
<div style="border:1px dashed #FF6200;"><div style="text-align:left;background-color:#FF6200;padding:4px;"><div style="border:6px dotted #FFFFA6;padding:20px;"> <font style="font-size:13px;color:#FFFFA6;line-height:150%;"> ここに本文 </font> </div></div></div><div style="text-align:right;padding:0px;"><font style="font-size:10px;">Designed By <a href="http://plaza.rakuten.co.jp/mochimochi66diet/" target="_blank">チワワン子</a></font></div>

赤字部分が文字の設定ソースです。
文字サイズを変更したいときは
font-size:13px; の数字部分を任意の数値にし、
文字色を変更の場合は
color:#FFFFA6; の色数値（ #FFFFA6 ）をかえます。
行間サイズを変更するときは
line-height:150%; のパーセンテージを150より大きくしたりor小さくしてみて
ください。
それぞれの設定が必要ないというときは削除してもＯＫです。
上にあげた３つのうち必要ない設定個所を削除してください。

文字配置についてですが日記本文を中央揃えにしたいときは
<center> ～ </center> を使ってもいいですが、
text-align:left; の left を center にかえてもＯＫです。
また中央揃えを左詰めにかえたいときはその逆で
center を left に変更してください。

素材について
基本的にタグをコピーすればそのまま使えますが
他の画像保存サイトに保存してるものがあり
そちらがメンテナンス等行ってる場合は画像が表示されないことがあります。
心配な方は持ちかえってブログの画像倉庫内に保存してお使いください。

画像を保存するには？
画像にマウスをあわせて右クリックし「名前を付けて画像を保存( S )」。
そしてパソコンに保存してからブログ等にアップロードしてください。
そのアップロードした画像のURLをテンプレの素材のと入れかえればOKです。