Blogger - Footer alanına 3 sütun eklemek

Footer temanın alt kısmıdır. Alt kısımda 'gadget ekle' özelliği için
- Yerleşim > HTML'yi Düzenle' ve CTRL+F yardımıyla alttaki kodu bulun

<b:section class='footer' id='footer'/>

- Bu kodun yerine alttaki kodu yapıştırın

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

</div>

- Bu kodu ekledikten sonra önizleme ile temamızda sorun olup olmadığını kontrol ediyoruz. Temamız düzgün açılıyorsa alttaki adımı uyguluyoruz.


-  ]]></b:skin>
kodunu bulup bir satır üzerinde aşağıdaki kodu yapıştırıp şablonu kayıt ediyoruz.

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

Artık 'sayfa öğeleri'nde şablonumuzun altında 3lü gadget ekle seçeneği çıkacaktır. Buralara istediğimiz eklentiyi ekleyebiliriz.




Tags
Blogger footer alanına sütun eklemek, tema alt kısmına gadget eklemek