ブログのトップ画像の変更
昨日アップしたブログのトップ画像を作る!では、画像を作るだけだったので、今度はトップ画像の変更の方法を。
記事の中に画像を入れるほど簡単にはいかない。
まずはてぃーだブログにログイン。管理画面の画像一覧へ。
ファイルのアップロードで、作っておいた画像をアップロードする。
無事にアップロードできると、このようにサムネイルが表示される。
このサムネイルをクリックすると、画像のみが単独で表示。
表示した時のアドレスはこのようになっているはず。赤の部分は自分のブログのユーザー名、青の部分は画像のファイル名。
これをコピーしておく。
つぎに、管理画面のテンプレートからカスタマイズへ。一番上にスタイルシートと言うところがあるので、その中から以下のような部分を探す。
画像の大きさを調べる時にも出てきた部分。
赤い文字の部分がトップ画像のアドレスになるので、そこに先程コピーしたアドレスをペースト。この時に、周りのカッコとかを消したり余計なものが入らないように注意!
そして、ずーっと下のほうにある登録を押して保存する。
今すぐ確認のボタンが現れたら保存完了。早速確認してみよう。
間違いなく出来ていれば、このようにトップの画像が変わるはず。僕も一瞬だけ変更してみた。
なお、ここに書いたことを試してみて、何らかの不具合が起きた場合も、責任は持てません。また、てぃーだブログとも無関係ですので、この方法に関しての問い合わせは、僕の方にお願いします。
・・・が、表示に不具合が起きた場合には、とりあえずテンプレートを選択しなおすと元に戻すことは出来ますよ。
記事の中に画像を入れるほど簡単にはいかない。
まずはてぃーだブログにログイン。管理画面の画像一覧へ。
ファイルのアップロードで、作っておいた画像をアップロードする。
無事にアップロードできると、このようにサムネイルが表示される。
このサムネイルをクリックすると、画像のみが単独で表示。
//img01.ti-da.net/usr/kusano/xxxxxx.jpg
表示した時のアドレスはこのようになっているはず。赤の部分は自分のブログのユーザー名、青の部分は画像のファイル名。
これをコピーしておく。
つぎに、管理画面のテンプレートからカスタマイズへ。一番上にスタイルシートと言うところがあるので、その中から以下のような部分を探す。
#banner,#subbanner{
background :#D20900 url(xxxxxxxx);
padding :0px 10px 10px 10px;
height: 200px;}
background :#D20900 url(xxxxxxxx);
padding :0px 10px 10px 10px;
height: 200px;}
画像の大きさを調べる時にも出てきた部分。
赤い文字の部分がトップ画像のアドレスになるので、そこに先程コピーしたアドレスをペースト。この時に、周りのカッコとかを消したり余計なものが入らないように注意!
そして、ずーっと下のほうにある登録を押して保存する。
今すぐ確認のボタンが現れたら保存完了。早速確認してみよう。
間違いなく出来ていれば、このようにトップの画像が変わるはず。僕も一瞬だけ変更してみた。
なお、ここに書いたことを試してみて、何らかの不具合が起きた場合も、責任は持てません。また、てぃーだブログとも無関係ですので、この方法に関しての問い合わせは、僕の方にお願いします。
・・・が、表示に不具合が起きた場合には、とりあえずテンプレートを選択しなおすと元に戻すことは出来ますよ。
Posted by くさの│2005年09月02日
この記事へのコメント
ありがとう わかりやすいよ説明
大変たすかりました。
大変たすかりました。
Posted by もーりー2 at 2010年06月22日 11:00
お役に立ったようで良かったです。
この頃とは管理画面もすこし変わってるんですよねえ。
この頃とは管理画面もすこし変わってるんですよねえ。
Posted by くさの at 2010年06月22日 12:59