Blogタイトル画像変更
デフォルトのスタイルシートを元にざっと簡単に説明します。
まず、800*85の画像を用意します。
次にテンプレート→カスタマイズと開きます。
上からスタイルシート:、トップページ:、個別記事:、アーカイブ:と続くはずです。
今回はスタイルシートを編集します。
細かい説明は長くなるので省略。笑
興味が有る方はググるなり、なんなりしてみて下さい。
下の方へスクロールすると、
「#banner,#subbanner{」という項目があるはずです。
(見つからなければCtrl+F、キーワードを入力しましょう。)
そこを下記の通り上書きすればおk。
#banner,#subbanner{
width;800px;
height:100px;
background:transparent url('画像のURLを入れて下さい') no-repeat 50% 50%;
}
コツは画像にブログタイトル等を入れないこと。
入れるとリンク文字と被ってゴチャゴチャします。笑
どうしても画像にブログタイトルを入れたい場合、
ブログタイトルリンク文字とブログ説明文を消すことも可能ですが、
説明するのが…ね。アレなんです。面倒なんです。はい。すみません。
単刀直入に言うと、< %Blogtitle% >と< %Blogdescription% >を消すだけ!
分からないことは聞いて下さい♪
当方もそこまで詳しくないので答えられる範囲で答えますm(_ _)m
まず、800*85の画像を用意します。
次にテンプレート→カスタマイズと開きます。
上からスタイルシート:、トップページ:、個別記事:、アーカイブ:と続くはずです。
今回はスタイルシートを編集します。
細かい説明は長くなるので省略。笑
興味が有る方はググるなり、なんなりしてみて下さい。
下の方へスクロールすると、
「#banner,#subbanner{」という項目があるはずです。
(見つからなければCtrl+F、キーワードを入力しましょう。)
そこを下記の通り上書きすればおk。
#banner,#subbanner{
width;800px;
height:100px;
background:transparent url('画像のURLを入れて下さい') no-repeat 50% 50%;
}
コツは画像にブログタイトル等を入れないこと。
入れるとリンク文字と被ってゴチャゴチャします。笑
どうしても画像にブログタイトルを入れたい場合、
ブログタイトルリンク文字とブログ説明文を消すことも可能ですが、
説明するのが…ね。アレなんです。面倒なんです。はい。すみません。
単刀直入に言うと、< %Blogtitle% >と< %Blogdescription% >を消すだけ!
分からないことは聞いて下さい♪
当方もそこまで詳しくないので答えられる範囲で答えますm(_ _)m
2010年12月22日 Posted byScarecrow at 15:26 │Comments(8) │ナガブロ
この記事へのコメント
初めまして。
ブログタイトルの横に画像を入れたくて検索したところ、こちらへ辿り着きました。
質問させてください。
デザインのカスタマイズからCSSを表示し#banner,#subbanner{を検索するのですが、該当しません......。
選んだデザインによって、これが無い場合もあるのでしょうか。
その場合、どうすれば画像が挿入できるのでしょう。
もしお時間がございましたら、教えて頂ければありがたいです。
ブログタイトルの横に画像を入れたくて検索したところ、こちらへ辿り着きました。
質問させてください。
デザインのカスタマイズからCSSを表示し#banner,#subbanner{を検索するのですが、該当しません......。
選んだデザインによって、これが無い場合もあるのでしょうか。
その場合、どうすれば画像が挿入できるのでしょう。
もしお時間がございましたら、教えて頂ければありがたいです。
Posted by umio at 2011年03月04日 17:42
>>umioさん
初めまして。
ご質問ありがとうございます♪
Blogを拝見させて頂きましたが、素敵な絵師さんですね★
Livedoor BlogのTitle画像の変更についてですが、
http://knowledge.livedoor.com/40996
上記リンク内、一番下の方法を参考にしてみて下さい☆
頑張ってチャレンジしてみて下さい♪
また何かあればご遠慮無くどうぞ★
初めまして。
ご質問ありがとうございます♪
Blogを拝見させて頂きましたが、素敵な絵師さんですね★
Livedoor BlogのTitle画像の変更についてですが、
http://knowledge.livedoor.com/40996
上記リンク内、一番下の方法を参考にしてみて下さい☆
頑張ってチャレンジしてみて下さい♪
また何かあればご遠慮無くどうぞ★
Posted by Scarecrow
at 2011年03月05日 12:04

Scarecrowさま
お返事が遅くなりました。
ご丁寧に返信くださり、有り難い限りです。
ご教授のおかげでだいぶ前進しました。
ひとまず、オリジナルで背景を置き換えてみました。
実験段階なのでまた変更する予定です。
あと
絵師と言うより、ラクガキ師です。笑
またお言葉に甘えてご相談させてもらうかもしれません..
そのときはCSS師匠、よろしくお願い致しますm(_ _)m
お返事が遅くなりました。
ご丁寧に返信くださり、有り難い限りです。
ご教授のおかげでだいぶ前進しました。
ひとまず、オリジナルで背景を置き換えてみました。
実験段階なのでまた変更する予定です。
あと
絵師と言うより、ラクガキ師です。笑
またお言葉に甘えてご相談させてもらうかもしれません..
そのときはCSS師匠、よろしくお願い致しますm(_ _)m
Posted by umio at 2011年03月06日 23:49
>>umioさん
無事変更できたみたいで何よりです。
やはり自作のTitle画像の方が良いですね。
ゆるやかな雰囲気で記事とマッチしてますね♪
当方も同じくラクガキ師です。笑
しかもモノクロしか描けません…^^;
まだまだ素人に毛の生えた程度の知識ですが、
少しでもお力添え出来れば嬉しく思います★
こちらこそ宜しくお願い致します!
無事変更できたみたいで何よりです。
やはり自作のTitle画像の方が良いですね。
ゆるやかな雰囲気で記事とマッチしてますね♪
当方も同じくラクガキ師です。笑
しかもモノクロしか描けません…^^;
まだまだ素人に毛の生えた程度の知識ですが、
少しでもお力添え出来れば嬉しく思います★
こちらこそ宜しくお願い致します!
Posted by Scarecrow at 2011年03月07日 09:56
Scarecrowさま
そちらは、大丈夫でしたか。
アドバイス頂きましたタイトル画像は、だいぶ目標に近づきました。今回苦戦した事で、自分の場合、素人に産毛が二本ぐらい生えた気がしています。
最初とはだいぶ変わったので、よかったら見てやって下さい(^^)
お世話になりました。
そちらは、大丈夫でしたか。
アドバイス頂きましたタイトル画像は、だいぶ目標に近づきました。今回苦戦した事で、自分の場合、素人に産毛が二本ぐらい生えた気がしています。
最初とはだいぶ変わったので、よかったら見てやって下さい(^^)
お世話になりました。
Posted by umio at 2011年03月14日 21:14
>>umioさん
当方居住区域は余震が度重なるも、
全くもって被害はありません。
お気遣い痛み入りますm(_ _)m
シンプルで可愛らしいBlogになりましたね!
個人的には現在の方が好きです♪
またお邪魔させて頂きます。
当方居住区域は余震が度重なるも、
全くもって被害はありません。
お気遣い痛み入りますm(_ _)m
シンプルで可愛らしいBlogになりましたね!
個人的には現在の方が好きです♪
またお邪魔させて頂きます。
Posted by Scarecrow
at 2011年03月16日 13:00

はじめまして。
やはりオリジナル画像を入れたくてお邪魔させていただきました。
なにせパソコン音痴なので>800*85の画像の作成の仕方がよく理解できません。
なんとかupしてみたものの、
http://estrella67.naganoblog.jp/
ご覧のように半分ほどしか表示できません。
こんな私でもうまく表示できる方法をご教授いただければ幸いです。
やはりオリジナル画像を入れたくてお邪魔させていただきました。
なにせパソコン音痴なので>800*85の画像の作成の仕方がよく理解できません。
なんとかupしてみたものの、
http://estrella67.naganoblog.jp/
ご覧のように半分ほどしか表示できません。
こんな私でもうまく表示できる方法をご教授いただければ幸いです。
Posted by tora
at 2013年02月26日 09:53

度々で恐縮です。
バーナー幅を変えたら画像幅も広がってきました。
まだまだ改良の余地アリですがこのサイトのおかげです。
ありがとうございました。
バーナー幅を変えたら画像幅も広がってきました。
まだまだ改良の余地アリですがこのサイトのおかげです。
ありがとうございました。
Posted by tora
at 2013年02月26日 10:29
