「ブログ/2006年02月01日/個別ページ等へのサイドバー設置方法」の編集履歴（バックアップ）一覧はこちら

「ブログ/2006年02月01日/個別ページ等へのサイドバー設置方法」(2006/02/01 (水) 10:12:47) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#blognavi
*各ページへのサイドバーの追加方法 

簡単設定―――(・∀・)―――　キタ～！！ 



まず、各ページのHTML加工画面を開きます。 
そして、 
<div class="blog"> 
のタグの前に 
<div id="content"> 
を入れ、それから下へスクロールして 
<div id="footer"></div> 
の前に 
</div><div id="links"><$PluginList_A$><div> 
を追加するだけです。 



ちなみに、もともと私のデザインは２カラムのデザインですが、 
プラグインの設定で、ＡとＢを分けて登録して、 
個別記事ページはＢ、月別アーカイブとカテゴリー別はＡのプラグインを 
表示するように指定しただけです(^^ゞ 



上の<$PluginList_A$>がＡのプラグインです。 
Ｂの場合は<$PluginList_B$>にするだけ。 



あとデザインによっては、サイドバーが下に落ちることがあるので、 
（私も最初はそうでした・・・(T_T)）　CSSの編集画面から、 


#text 
{width:400px; 
height:200px; 
border:1px solid #ff7800; 



この数値を小さくして、幅を調整するといいと思います！(^^♪



#right{
カテゴリ: &#x5b;[[ブログカスタマイズ>ブログ/カテゴリ/ブログカスタマイズ]]&#x5d; - &trackback() - 2006年02月01日 08:16:43
}

#blognavi



#comment(vsize=10,nsize=20,size=30)

#blognavi
*個別ページ等へのサイドバーの追加方法 

簡単設定―――(・∀・)―――　キタ～！！ 



まず、各ページのHTML加工画面を開きます。 
そして、 
<div class="blog"> 
のタグの前に 
<div id="content"> 
を入れ、それから下へスクロールして 
<div id="footer"></div> 
の前に 
</div><div id="links"><$PluginList_A$><div> 
を追加するだけです。 



ちなみに、もともと私のデザインは２カラムのデザインですが、 
プラグインの設定で、ＡとＢを分けて登録して、 
個別記事ページはＢ、月別アーカイブとカテゴリー別はＡのプラグインを 
表示するように指定しただけです(^^ゞ 



上の<$PluginList_A$>がＡのプラグインです。 
Ｂの場合は<$PluginList_B$>にするだけ。 



あとデザインによっては、サイドバーが下に落ちることがあるので、 
（私も最初はそうでした・・・(T_T)）　CSSの編集画面から、 


#text 
{width:400px; 
height:200px; 
border:1px solid #ff7800; 



この数値を小さくして、幅を調整するといいと思います！(^^♪



#right{
カテゴリ: &#x5b;[[ブログカスタマイズ>ブログ/カテゴリ/ブログカスタマイズ]]&#x5d; - &trackback() - 2006年02月01日 08:16:43
}

#blognavi



#comment(vsize=10,nsize=20,size=30)