Cara Menambahkan Kolom Widget Footer Di Blog

Cara Menambahkan Kolom Widget Footer Di Blog - Blogger Update. Assalamualaikum wr.wb. Tips pagi ini yang ingin saya bagikan adalah 'Menambahkan Kolom Widget Footer Di Blog', Footer terletak di bawah, di bawah postingan yang bergunanya untuk meletakan widget histats maupun memasang widget alexa dan bisa juga di gunakan untuk meletakan widget yang lainnya.

Langkah-Langkah Menambahkan Kolom Widget Footer Di Blog :
1. Buka Blog Anda >> Edit Tempalate.

2. Copy kode dibawah ini dan letakan tepat di atas ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

3. Selanjutnya cari kode <div id='footer-wrapper'> atau kode <div class='footer-outer'>

4. Pilih salah satu kode dibawah lalu letakan kode berikut di bawah kode <div id='footer-wrapper'> atau kode <div class='footer-outer'>

Footer 2 Kolom :

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

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

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

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

Footer 3 Kolom :

<div id='footer-column-divide'>
<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 33%; 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>

Footer 4 Kolom

<div id='footer-column-divide'>
<div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

5. Simpan Template

Jika ada pertanyaan langsung saja komentar dibawah ini. Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Menambahkan Kolom Widget Footer Di Blog.

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya