日給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のバックアップを忘れないようにして改造して下さい。
- 2007年10月22日
- ブログカスタマイズ:日給8万円テンプレート関係
- コメント(3)
- トラックバック(4)
1. Posted by ★にーな★ゼロから学べる無料アフィリエイト講座 2007年10月23日 11:51
こんにちは〜
にーなです(*^−^*)
いつもお世話になっていますm_ _m
2カラムの日8
テンプレートブログも良いですね!
にーなも副サイトで
日8テンプレートを使っていますが・・
今後、
どのように使うか模索しています。
メインブログも
全くわからなかったCSSに挑戦して、
思考錯誤中です(汗)
すごく、
わかりやすかったです^^
にーなも自分が学んだcssのことを
ブログに書いてみようかなあと、思いました。
応援ポチ!!
2. Posted by ひろみつ 2009年03月11日 11:49
こんにちは、●●です。
ランキングから訪問しました。
応援済み
3. Posted by ひろみつ 2009年03月11日 21:05
こんにちは、ひろみつです。
ランキングから訪問しました。
応援済み