Blogunuzun her iki yanına sidebar eklemenizi sağlar.
Blogger kontrol panelinizdeyken sırasıyla " Şablon » HTMLyi düzenle " tıklayın. CTRL+F kombinasyonu'nu kullanarak bu kodlara benzer kodları sayfada bulun.
#sidebar-wrapper {
width: 400px;
float: $endSide;
margin-right: 100px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Kodlarınızla farklılık gösterebilir ama burada verilen kodlara yakın kodlardır. Şimdi aşağıda verdiğim kodları bu yukarıda ki kodların altına yapıştırın.width: 400px;
float: $endSide;
margin-right: 100px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#right-col {
width:48%;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#left-col {
width:48%;
float:left;
word-wrap:break-word;
overflow:hidden;
}
Şu an iki sütun'u oluşturmuş olduk. Burada ki kodlara göre sidebar'lar eşit olarak dağıtılmış halde. Siz kendi temanıza göre ayarlamayı unutmayın.width:48%;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#left-col {
width:48%;
float:left;
word-wrap:break-word;
overflow:hidden;
}
Şimdi diğer kısımda ise şunları yapalım;
Aşağıda ki kodları bulun;
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</div>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</div>
Bu kodları aşağıdaki kodlarla değiştirin :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>
<b:section class='sidebar' id='left-col' preferred='yes'/>
</div>
Evet şimdi şablonu kaydedin.Yerleşim kısmına giderek sidebar kısmının iki sütuna ayrıldığını göreceksiniz.<b:section class='sidebar' id='sidebar' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>
<b:section class='sidebar' id='left-col' preferred='yes'/>
</div>