サイトアフィリ研究所　ブログだけで稼ぐための戦略

サイトアフィリ系に必要な情報商材だけを紹介！サイト・ブログのみで稼ぎたい人はどうぞ♪

▼ ■情報商材アフィリエイト■　ブログのレイアウト（コンテンツ幅編２）

気が向いたら押してやってください。泣いて喜びます
■人気ブログランキング
■FC2 ブログランキング

間が空きましたが
題して
FC2ブログ・レイアウト変更！htmlも怖くない!!コンテンツ幅編2
です。

前の記事（コンテンツ幅編１）
で左+中央と右に分かれてるってことを言いました

今回はそのそれぞれの幅変更なんですけど・・
バックアップは取りましたよね？

では。
スタイルシートの真ん中ぐらいに行くと
大体のテンプレートで
<ここから左メニュー>
とか書かれてると思います。

つまり　そこの
～px
てのを変更したらいいのです！

簡単でしょ？

具体的には　まず左+中央
これは　これで１つとかんがえられているので、
例えば私のスタイルシートだと、それぞれの意味は

#menu1Block {←関数です
float : left; width : 200px;←(左+中央のカラムの中で)左から　幅200px
その下に
menu1BlockBase {←関数です
width : 196px; ←(左カラムのタイトルの)幅196px

って書いてあります

左カラムの幅とタイトル幅が違うのは
タイトル幅+回りを囲む線幅＝左カラム幅になるからです。

右カラム
#menu2Block {
float : left; width : 170px;
floatが左になってるのは右カラムの中で
左から170pxという意味です。

中央にしても同じですね！
基本的に線幅は変えなくていいので
プレビューを見たり、更新したりして調節してください。

私の場合は普通の紙に幅を書いて
計算しました♪
研究屋なんで♪

注意しなければいけないのは左右のカラム。
ベースの幅を超える場合はページの下に落っこちます！

いきなり左右が無くなった！
その時は幅を広げすぎ
ってことですね♪

この記事役にたったなぁ♪
という方はポチっとよろしくお願いします。泣いて喜びます。
■人気ブログランキング
■FC2 ブログランキング

TOPページはこちらから↓
情報商材アフィリエイトで月収50万！

[役立つ情報]ブログ編集 | コメント：0 | 11/03

▼ ■情報商材ランク付け■　ブログのレイアウト（コンテンツ幅編１）

今日も頑張ってます♪皆さんの一押しでさらに頑張れます<(_ _)>
■人気ブログランキング
■FC2 ブログランキング

ただいまより　研究屋のらねこの研究発表を行います。

題して
FC2ブログ・レイアウト変更！htmlも怖くない!!コンテンツ幅編
です。

ブログアフィリエイトをしている人の大半が
３カラムのテンプレートを使用していると思います。

今日はその３カラム　左　中央　右　
の幅の変更方法をお話したいと思います。

あ。その前に必ずバックアップは取ってくださいね！
メモ帳などでいいんで！

まず、全体の幅の設定から。
変更するのはもちろんスタイルシートです。

全体の大まかな設定は
＜body＞～＜/body＞
の中に入っています。

そこにある、
#baseBlock {←種類によっては違うと思いますが、一番大きな数字と思ってください
width: 980px;（単位は色々。今回はピクセル）
というところを変更してもらえばOKです。

最大幅の確認は
デスクトップで左クリック→画面の設定
解像度の所で確認できます。

おそらく横幅は1024pxになっていると思います。

それが最大幅なので、最大幅の95%程で
最大幅で、さらに見栄えよくできます。

で、次はそれぞれのカラムの幅変更

プラグインの題名に
情報商材やアフィリエイト
って文字を入れると
タイトルが長くなりますよね？

ただでさえタイトルが長くなりやすいので
コンテンツ幅は最大限に活用したいと思います。

まず基本です。バックアップはとりましたか？

では行きましょう。

各カラムは幅の面では独立していません！
左＋中央　右
というように分かれています。

中央をの幅を決めるより元のテンプレートから左右の幅を決めてください。
残りが中央になります。

今回は幅の変更だけなので
ライン幅の変更はしません。

まず左＋中央
#baseLeft {
width : 770px;
float : left;
というところを変更してください。

意味は
■baseLeftという関数は幅が770pxで左側に置きます■
ということです。

少し長くなったので今日はここまで。
幅の詳細設定は次回です。

☆言い忘れましたが、例えば770を980に変更したとします。
　そうしたら、以下出てくる770という数字を
　すべて980に変更してください。

同じ関数内で数字が違うと変ですしね。

この記事が役にたったなぁ♪という方はポチっとよろしくお願いします。
■人気ブログランキング
■FC2 ブログランキング

TOPページはこちらから↓
情報商材アフィリエイトで月収50万！

[役立つ情報]ブログ編集 | コメント：0 | 11/01

▼ ■情報商材ランク付け■　ブログのレイアウト（序章）

今日も頑張ってます♪皆さんの一押しでさらに頑張れます<(_ _)>
■人気ブログランキング
■FC2 ブログランキング

研究屋のらねこです。

えと。今日は研究結果の発表をしたいと思います！

題して
FC2ブログ・レイアウト変更！htmlも怖くない!!（序章）

FC2ブログの特徴の
豊富なテンプレート！

知識のある人はさらにHTMLをいじって
すばらしいブログに仕上げています！

でもHTMLってむずかしいですよね？
そういう私もHTMLは初めHTMLは分からなかったんですよ。。。

実際色々やっていくうちに
分かってきたことを書いていきます

今日は入りだけ。
次回はブログレイアウト・コンテンツ幅の変更
どうぞおたのしみに<(_ _)>

この記事が役にたったなぁ♪という方はポチっとよろしくお願いします。
■人気ブログランキング
■FC2 ブログランキング

TOPページはこちらから↓
情報商材アフィリエイトで月収50万！

[役立つ情報]ブログ編集 | コメント：16 | 10/31