シーサーブログの幅を広くする方法 前編
今日はシーサーブログの横幅を広げる方法をお伝えします。
シーサーブログはデフォルトでは、全体幅762pxで記事部分が500px、
そうしてサイドバーが244pxとなっています。
普通に趣味のブログとして運営するには、
問題ありませんが、ネットビジネスで使うには、
サイドバーなどが狭すぎて3幅の広い広告を貼る事ができません。
そこでシーサーブログの幅を広げ、アドセンスなどの広告のスペースを確保しようと思います。
こうすることで、300px幅の広告もサイドバーに表示出来るようになります。
シーサーブログの幅を変える事で、
他のシーサーブログユーザーとの差別も出来ますので、
この記事を読んで差別化しましょう。
ちなみにシーサーブログのデフォルトはこんな感じです。
ちょっと窮屈な感じですね。
これをこのように変更していきます。
ブログの幅を広げるだけで、こんなにもゆったりとした感じになります。
それでは早速変更していきましょう。
まずはシーサーブログにログインします。
右上のログインをクリックします。
ログイン画面になりますので、赤で囲った部分を入力します。
メールアドレスとパスワードを入力し、
サインインをクリックします。
デザインをクリックします。
デザイン設定をクリックします。
すると下の方に、現在選択されているテンプレートが表示されますので、
そのテンプレートをクリックします。
するとCSSの設定画面になります。
ここでコードを書き換えブログの幅を変更していきます。
ブログ幅を変更する理由は、サイドバーに300pxの広告を貼るためです。
まずはCSSのコードの赤で囲った部分を変更していきます。
ここではまずブログの全体幅の変更と、デフォルトで設定してある背景画像を無効にしていきます。
ここで注意する事は、前のコードを消してしまわない事です。
消してしまうと、戻すときが面倒なので、
ここではコードを消さずに無効にしていく方法をとります。
CSSのコードを無効にするためには、/* */で囲えば、
囲った部分のコードを無効にする事ができます。
それでは12行目から15行目までを囲って無効にします。
無効になると色が茶色に変わります。
そうして新たにブログの背景色の白色と、
ブログ幅を900pxにするコードを入力していきます。
背景色はbackground-color:#ffffff;で白色を設定します。
ブログ幅はwidth:900px;で900pxに設定します。
この状態でプレビューを見てみると、
こんな感じになります。
赤で囲った部分が広くなっているのが分かると思います。
次はヘッダー画像の変更と、サイドバーを広げていく訳ですが、
今日は長くなりましたので、続きは明日お伝えします。
Googleアドセンスで
月に3万円稼げるようになりました。
Googleアドセンスで
月に3万円稼いだ方法は
下のバナーをクリックして読んで下さい。