基本的なことなので記すまでもないのでしょうが、やったことを書いておくのも大切なことなので備忘録。

ヘッダー画像をデフォルトから入れ替えてみました。たったこれだけのことで雰囲気が変わるから、ブログのスキン(テーマとも言う)を入れ替える人多いと思う。

元々のファイルはCSSでバックグランド画像として定義されていたので、Firefoxで背景画像を表示させてDL。そのサイズと全く同じサイズで入れ替える画像を準備した。私はFireworksを使ってる。イラスト系の画像だったので、GIF256色で出力して管理パネルから画像をアップロード。ファイルのURLを取得して、ブログ設定からCSSを変更する。

このブログ、現状はテスト環境なので、元のCSS定義は残しておきたい。コメントアウトして残しておくことにした。/*xxxxxxx*/と挟んでおけば無効化されるので、好きに実験できる。コメントアウトの方法は色々試す上で欠かせない知識なので覚えておきたい。

タイトルとディスクリプションが暗い文字だったので、思い切って明るい色にした。細かい調整はまぁいいやと color:white とした。色コードなんか覚えてられないし・・ま、微調整する段階に来たらちゃんと色あわすけど。

という訳でヘッダー画像の入れ替えは終了。livedoorブログは制限されてるのかな?と思っていたけど、普通の手法で問題なく出来るね。
PS

なんか簡単にヘッダー画像を変更するカスタマイズ手法が公開されてました。

ヘッダ画像かんたんアップロード機能のお知らせ

テンプレートに独自タグを埋め込む方法が紹介されているので、手順を慎重に真似するだけで実現可能でしょう。HTMLの基礎知識があれば、後はタグの意味を学習するだけで応用が利くと思います。


食わず嫌いな方達へ
失敗してもどうって事ない方法で(たとえば実験用にもう一個ブログを借りるとか)、カットアンドトライで結果を見ながら試行錯誤することが近道だと思います。加えてlivedoorブログのタグで独自タグの用途やルールを学習すれば応用できるようになるでしょう。

ちょっとずつ私もやってみようと思っています。
なんしろ今はお茶休憩しながら(ちょいサボリ)書いてますので・・(汗