Salon de beauté tou･tou

皆様　こんにちは　toutouです♪

素人がお届けする　専門用語抜きのぷちブログカスタマイズ方法のご紹介です。
カスタマイズが初めての方は初歩&注意点　→「ブログカスタマイズ★素人だって平気･･･」

今日はブログの顔ともいえる　↑↑にあるtop画像を交換しました♪
GIFアニメーションにして　動きのある印象的な画像をつくれた気がします(^^♪
top画像をGIFアニメーションやオリジナルな画像に交換してみませんか?
カスタマイズには注意点があるので　初めての方は↑のリンク必ず読んで下さい!!

まず最初に　お好きな画像を準備して下さい。GIFアニメをつくらない時は1枚でOKです。
TI-DAブログテンプレートはそれぞれサイズやCSS（スタイルシート）などが違います。
とりあえず　どのテンプレートにも対応できるように書きたいと思います。

ご自身で使用しているテンプレートのサイズを確認しましょう。
管理画面TOPのテンプレートをクリックします。次にカスタマイズをクリック
スタイルシートの枠から　widthを探します。たくさんありますが一番大きなサイズが
ブログの横幅になっています。これがTOP画像のサイズになります。
※現在のTOP画像を右クリックでプロパティでも調べる事が出来ます。800×300など
　数字が出ればそれが画像サイズです･･･　出ない事が多いです(>_<)
※通常はbannerの近くにwidth（横幅）とheight（高さ）があります。

がんばって調べて下さい(>_<)　このサイズを知ることかが最初のステップです。
　


GIFアニメーションを作成するのは　width640まで「GIFアニメ作成CGI 」で簡単に作れます。
上のリンクのいいところはソフトのインストールなしで　すぐつくれることです。
その他も「GIFアニメーション」などで検索するとたくさん出てきますよ(^O^)　

画像が準備できたら　いよいよブログカスタマイズの開始です♪





管理画面TOPの画像一覧をクリックして　準備した画像をアップロードします。
画像を変更するためにアドレスが必要なので　UPした画像をクリックして下さい。





画像が表示されたら　右クリックでプロパティを参照します。





プロパティの中のアドレスをコピーします。

管理画面TOPのテンプレート→カスタマイズ→スタイルシートの枠まで進みます。

bannerやbackgroundなどの近くにhttp：//imgで始まる場所があります。
後ろの背景画像の時もあるので注意が必要ですが　そこにコピーしたアドレスを貼ります。

カスタマイズの基本は　失敗の時の為にコピーをメモ帳などで取る。
ひとつの作業ごとにプレビューで確認する。
プレビューを見て　失敗だとおもったら登録を押さない。
万が一登録を押した場合　メモ帳のコピーを貼り直す。　以上自己責任でおこなって下さい。

最後のPOINTとして　画像は左右や高さの幅を1pxほど小さくした方がいい場合があります。
このブログは幅が1,000あるのですが　両わきの黒い縁取りをそのまま使用したいので
左右を各2pxつづ削り　996pxで仕上げました。カスタマイズをやっていくうちに
楽しくなって細かな作業やテクニックが身についていくのも嬉しくなります♪
皆様も楽しいブログカスタマイズお試しください(^O^)