シーサーブログのヘッダー画像のカスタマイズ

シーサーブログ(seesaa blog)で壁紙の背景画像が簡単に変えられるようなのでちょっとカスタマイズしてみました。

テンプレート一覧のところにいつもあったフォトライブラリーというリンクですが、ここの画像はシーサーブログ内で使う分には無料で利用できるヘッダー画像がたくさんあるようです。

フォトライブラリー

この写真のなかには有料のものもあるようなのですが、なかには無料でも高画質な写真画像があるようなので、シーサーブログのヘッダー画像をカスタマイズするにはいいと思います。

このブログもいままでのスタイルシートはキープしておいて、いくつか変えてみました。

やはり、シーサーブログということなので、沖縄のシーサーはないものかと見てみたのですが、シーサーつきのは有料みたいだったので、沖縄の海にしてみました。

切り抜き箇所が悪かったのか、ちょっと足が入ってしまいましたがこれでいいとします。

探せばたくさんあるようなのですが、とりあえず、適当な大きさで切り抜いてスタイルシートを設定しています。

ブログのヘッダー画像の差し替え方法

シーサーブログのヘッダー画像をフォトライブラリーを使用してカスタマイズする分には3クリックほどで自動的にスタイルシートを作成してくれるので、そのCSSをコピペで貼り付けるだけです。

今あるスタイルシートはそのままにして、なるべく新規にスタイルシートを追加してコピペするといいと思います。

ただ、今あるスタイルシートの設定をのこしたままでヘッダー画像だけを変えたい時は、bannerの画像部分だけを差し替えるといいです。

#banner{background-image:urlの部分に画像のURLがのっています。

このブログの場合はこんな画像です。

ヘッダー画像なので、ヘッドタグ部分をかえればいいのかな?と思いますが、headタグは検索エンジン用のタグなどが入っている場所なので関係ないです。

簡単に無料でブログのヘッダー画像をかえることができるのでおすすめですが、シーサーブログ内だけでの利用にかぎられているようです。

関連記事
  • シーサーブログの記事欄カスタマイズHTML
    シーサーブログのカスタマイズをするときに、何かと面倒くさいのは記事欄のカスタマイズだと思います。 特に、記事欄のHTMLはわけがわからないということが多いです。 シーサーブログの記事欄のどのHTM...
  • スタイルシートカスタマイズでブラウザ崩れ
    シーサーブログではスタイルシートを個別に設定できるので、個別記事やカテゴリ欄、過去ログやトップページなどそれぞれ個別にカスタマイズできるようです。 シーサーブログ(Seesaa Blog)のカスタマ...
  • シーサーブログでフッターカスタマイズ
    無料ブログのシーサーブログでいろいろやってるんですが、フッターの立場がいまいちわからないのでちょっとレイアウトを少しカスタマイズしてみました。 ブログのフッターといえば、やはり、コピーライトとかなん...
  • スタイルシートカスタマイズでブラウザ崩れ
    シーサーブログではスタイルシートを個別に設定できるので、個別記事やカテゴリ欄、過去ログやトップページなどそれぞれ個別にカスタマイズできるようです。 シーサーブログ(Seesaa Blog)のカスタマ...
  • ブログの背景色を薄い白にカスタマイズ
    今日はちょっと調べものがあっていろいろとネットサーフィンをしていました。最近思うのですが、rel-norrowってのはどうなんでしょうか。ページからの発リンク数が少ないと力が分散されずにそれぞれのペー...
  • シーサーブログの壁紙カスタマイズ
    シーサーブログのカスタマイズについて、けっこう、壁紙で印象がだいぶ違ってきたりするものだと思います。以前にも壁紙カスタマイズについての記事は書いたんですけど、どこかに埋もれてしまってわからなくなってし...
  • シーサーブログの簡単カスタマイズ方法
    シーサーブログのカスタマイズ方法についてちょっと書いてみたいと思います。シーサーブログをカスタマイズするときは、記事のタイトルを変更するとか、テンプレートを変更するとか、あとグーグルのツールなんかをつ...
  • 無料画像のブログで使い方
    ブログの画像を作るには、やっぱデジカメで写真をとってアップロードするっていうのが一番かと思いますが、たいていの人は自分でとっても、逆光とかになってきたないブログ画像しかとれないと思うんです。そんな時に...