日給8万円テンプレートを2カラム化する方法です。
右と左の場合で作業が異なるので注意して下さい。



この状態を目指します。
→ http://blog.livedoor.jp/hanarando/


まず、管理画面、プラグインの設定で
プラグインを全て「B」に持って行き設定を保存して下さい。


次にcssの編集をします。

管理画面からデザインの設定→カスタマイズ
→スタイルシート(css)と進んで下さい。

cssの比較的上の方に以下の部分があります。



/* メインコンテンツ部分 */

#content{
position:relative;
margin-top: 0px;
margin-right:210px;
margin-bottom: 0px;
margin-left: 210px;
line-height: 140%;
padding: 0px 8px 30px 8px;



これのこの部分→「margin-left: 210px;」

この「210」の数値を「0」に変更して
変更を保存→再構築して下さい。


これで右サイドバーの2カラムになります。



最初に見て頂いたのは左カラムでしたね。

次は左サイドバーの場合。
これは変更点が一点増えます。


左の場合はプラグインを全て「A」に変更。
cssの変更箇所が

「margin-left: 210px;」

ではなく

「margin-right:210px;」

になります。
210を0に変更です。


そしてもう一点、htmlの変更が必要になります。

トップページのhtmlの中から以下の部分を見つけてください。




<!--サイドメニュー左-->

<div id="links">
<$PluginList_A$>
</div>

<!--サイドメニュー左ここまで-->


<!--サイドメニュー右-->

<div id="links2">
<$PluginList_B$>
<div class="powered">
<a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
</div>
<div class="syndicate">
<a href="<$RSSUrl$>">Syndicate this site (XML) </a>
</div>
</div>

<!--サイドメニュー右ここまで-->



↑これのうちサイドメニュー右の中の以下の部分を切り取って下さい。

↓この部分を切り取って下さい、この後サイドメニュー左へ挿入します。



<div class="powered">
<a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
</div>
<div class="syndicate">
<a href="<$RSSUrl$>">Syndicate this site (XML) </a>
</div>




↑切り取ったこれをサイドメニュー左の

<$PluginList_A$>  ←これの下の行に追加します。


そうしたらこうなります↓




<!--サイドメニュー左-->

<div id="links">
<$PluginList_A$>
<div class="powered">
<a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
</div>
<div class="syndicate">
<a href="<$RSSUrl$>">Syndicate this site (XML) </a>
</div>
</div>

<!--サイドメニュー左ここまで-->


<!--サイドメニュー右-->

<div id="links2">
<$PluginList_B$>
</div>

<!--サイドメニュー右ここまで-->




↑この状態になります。


そして「カテゴリーアカイブ」「月別アーカイブ」にも
同じ箇所があるので変更を加えてもらえば左カラム化が完成です。


2カラム化したブログの状態がこれです
→ http://blog.livedoor.jp/hanarando/


cssとhtmlのバックアップを忘れないようにして改造して下さい。


Sponsored Link
RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
コメント一覧

こんにちは〜
にーなです(*^−^*)

いつもお世話になっていますm_ _m

2カラムの日8
テンプレートブログも良いですね!

にーなも副サイトで
日8テンプレートを使っていますが・・

今後、
どのように使うか模索しています。

メインブログも
全くわからなかったCSSに挑戦して、
思考錯誤中です(汗)

すごく、
わかりやすかったです^^

にーなも自分が学んだcssのことを
ブログに書いてみようかなあと、思いました。

応援ポチ!!





2. Posted by ひろみつ   2009年03月11日 11:49

こんにちは、●●です。

ランキングから訪問しました。


応援済み

3. Posted by ひろみつ   2009年03月11日 21:05

こんにちは、ひろみつです。

ランキングから訪問しました。


応援済み

コメントを投稿する

名前:
URL:
  情報を記憶: 評価:  顔   星
 
 
 

Sponsored Link
リンク集
インターネット集客365日の花言葉と誕生花メルマガアフィリエイトで稼ぐ無料セミナー無料レポート図書館携帯メルマガ中古ボート.netボート中古.comヤマハ中古ボート.com流しそうめん.com