ファンブログで背景をオシャレに変えよう


みなさんこんにちは

ファンブログがリニューアルしてしばらく経ちましたね。
慣れてきた方もいるかと思います

今回はブログタイトル文字カスタマイズ背景をオリジナル画像に変更の2つに挑戦してみましょう!

ヘッダーの文字の領域を指定してみよう

前回はオリジナルヘッダーに変更してタイトル文字の位置を調整してみました。

ただ、ブログによってはヘッダー画像の一部に文字をかぶせたくない場合があると思います。
その場合は、CSSでタイトルに幅を指定してあげましょう!

01

デザイン設定>カスタマイズしたいテンプレートのCSSの編集に移ります。

今回はタイトルの<h1>タグの幅を変えます。
例では375px→785pxに変えます。

02

すると長いタイトル文字も一行になりました!

03

ヘッダーの画像を見ながら数値を調整してみてくださいね

ブログの背景を変えてみよう

次は背景画像をオリジナルにしてみましょう!

まず、背景画像を作成します。

そしてヘッダーのときと同じようにアップロードしてurlをコピーします。

背景画像を変えるときは
↓のurl部分に自分のブログでアップロードした背景画像のurlを指定します。

06

するとこうなります!

05

背景とヘッダーを変えるだけで印象ががらっとかわりますよね

ヘッダーと背景を変えるだけでぐんとオリジナル度がアップしますよ

ぜひチャレンジしてみてくださいね。

締切間近!現在ファンブログではキャンペーンも行っております!
簡単に参加できるのでぜひチャレンジしてください!

20140123_ban_renewalcp

これを期にCSSを勉強したいという方はこちら

ban_stepup310_02

A8.netの会員ではない方はこちらをチェック!

A8スタッフブログで紹介しているコンテンツは、会員様向けです。
会員ではない方は、セルフバックやその他サービスをご利用できません。

当ページに掲載している情報・画像などの複写・転載は禁止しております。