Blogger Sidebar'ı iki Sütuna bölme



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.
#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.
Ş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>

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.














Yorum Gönder

0 Yorumlar
* Please Don't Spam Here. All the Comments are Reviewed by Admin.