Beranda » BELAJAR BLOGGER » Cara Menambah 4 Kolom Tambahan Untuk Footer Pada Blogger

Cara Menambah 4 Kolom Tambahan Untuk Footer Pada Blogger

Kali ini saya akan coba bagi tips atau cara Menambah 4 Kolom Tambahan Untuk Footer pada Blogger. Anda dapat menambahkan kolom lebih dan untuk mempercantik blog Anda. Sekarang di sini saya menjelaskan bagaimana cara untuk menambahkan 4 kolom lebih untuk footer blog Anda. Anda dapat menambahkan gadget teks dan widget HTML. Bagaimana pernah kotak-kotak gadget mungkin tidak muncul mirip dengan gadgets. Anda mungkin tampak seperti ini.

1. Masuk Blogger terus edit Template

2. Conteng "Expand widget"

3. Cari kode berikut <b:section class='footer' id='footer'/> tekan 'Ctrl' + F untuk mencari

4. Apabila sudah dapat ganti kode di atas dengan kode di bawah ini

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

<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text100' locked='false' title='Your gadget's Caption here 1' type='Text'/>

</b:section>
</div>

<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='HTML100' locked='false' title='Your gadget's Caption here 2' type='HTML'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text300' locked='false' title='Your gadget's Caption here 3' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='HTML200' locked='false' title='Your gadget's Caption here 4' type='HTML'/>
</b:section>
</div>

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