解決済

clip!clip!
Ads By Google

ブログのトップ絵について

ブログのトップ絵をオリジナルのもの(自分で作ったもの)にしたいんですがその手順を教えてください。
上から目線で申し訳ないですができるだけ細かくお願いします。

2008-08-04 03:07の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2008-08-05 21:44:59ベスト
1. 自分のPCで画像を作成します。
で幅800ピクセル、高さ125ピクセル程度の画像を作ってください。
(↑もう少し小さい方が見栄えがするかもしれません)


2. 画像をブログにアップロードします。
管理ページトップから
ファイルの管理・お絵描き -> ファイルのアップロード
とクリックして、アップロード画面を表示します。

ファイルを選択 -> 参照
ボタンをクリックして1で作成した画像を開きます。

タイトル -> ブログタイトル画像
サムネイル作成 -> 作成しない
として、
選択したファイルをアップロードします。
ボタンをクリックするとアップロード完了です。


3. 画像のアドレスのコピー
2が終わると「ファイルのアップロード/管理」画面になります。
画像一覧の一番上にアップロードした画像「ブログタイトル画像」があります。
「ブログタイトル画像」のリンクをクリックすると画像が表示されるので、アドレスバーに表示されたアドレスをコピーしてください。
コピーした画像のアドレスは、↓のCSSのカスタマイズで使います。


4. CSSの追加
カスタマイズ/管理 -> デザインのカスタマイズ
とクリックすると、CSS(スタイルシート)の編集画面になります。
その中から
#banner,#subbanner{
という項目を探して、
background:transparent url(画像のアドレス) no-repeat 50% 50%;
という行を追加してください。
「画像のアドレス」と書いてあるところには3でコピーしたアドレスを入れてください。

項目を全部書くと、
	#banner,#subbanner{
		width:803px;
		height:125px;
		text-align:left;
		margin:0;
	}
となっているところを
	#banner,#subbanner{
		width:803px;
		height:125px;
		text-align:left;
		margin:0;
		background:transparent url(画像のアドレス) no-repeat 50% 50%;
	}
とします。
以上が終わったら、
この内容に変更する
ボタンをクリックしてください。


5. 再構築
最後に
ブログを再構築する
のリンクをクリックして出てきたページで、
CSS
を選んでブログを再構築してください。

もし分からないことがあればコメントしてください。

できましたー!!!
どうもありがとうございました。

1.

2008-08-05 05:04:40
同様の質問がかつてあったと思い、探してみました。





参考になるといいのですが・・・
自信度 : 自信なし
Ads By Google

コメント(2)

#1.  imq
2008-08-04 22:30:41

「詳しく」とのことですので、
デザイン名かもしくはブログのアドレスを教えてください。

よろしくお願いいたします。

#2.  
2008-08-05 13:44:50

>>imgさん
デザイン名はコルク(2カラム) です。

トラックバック(2)

トラックバックURL: