初めての人でちょっとレイアウト変更（3）

投稿記事タイトルの横にちょこっと画像（ロゴ）をのせるやり方

 記事タイトル　　　　　　　　　ちなみに画像はアニメーションGIFを使っています。

まず編集メニュー　→テンプレートの選択　→デザイン・テンプレートのジャンルから
【カスタム】のテンプレート一覧　→カスタムブルーを選択して下の方にある「変更する」ボタンを押して変更してください。
（カスタムブルーの選択を前提に説明します。）
　※テンプレートをカスタムにしないとCSSの編集は使えません。


まず編集メニューのCSSの編集をクリックしてください。次に下の部分を見つけてください（青の部分を。そのほかの部分は数字や色の設定が変わっていると思います）
/* エントリータイトル */
.etTitle {
 color: #FF00FF;
 font-size: 16px;
 font-weight: bold;
｝

次に下の項目をfont-weight: bold;の次に付け足してください

 background-image: url();　　
background-repeat: no-repeat;
padding-left: 27px;

下のようにしてください。
/* エントリータイトル */
.etTitle {
 color: #FF00FF;
 font-size: 16px;
 font-weight: bold;
background-image: url();　　　　　　　　　　←①
background-repeat: no-repeat;　　　　　　　←画像を繰り返さない設定
padding-left: 27px;　　　　　　　　　　　　　　←②
｝

挿入する画像は
編集メニューから画像フォルダーで画像をアップロードしておき、画像を直接クリックして画像だけの画面を出し、上部のアドレス部分のURLを右クリックなどしてコピーしておきます。
次に①の部分のｕｒｌ（）の（）の部分の間にURLを右クリックして貼り付けます
※挿入する画像はかなり小さくしてください　　例26×20ｐｘ
　　大きいと表示しきれませんので別ソフトで小さくしてください


②の部分のｐｘ（ピクセル）の数字は
カレンダーなどがあるところから左にどのくらい距離を置くかを設定しています
お好みで設定してください。

プレビュー画面で確認してOKならば保存してください。


その他の変更もブログデザインの経過のカテゴリですこし説明していますので
よかったら見てね
またはmasayuの本棚で紹介している
「すぐに使えるブログのカスタマイズブック」などブログの本を立ち読みして参考に。
買ってみるのもいいかな。