Membagi Footer Menjadi 3 Kolom

Cara Membagi Footer Menjadi 3 Kolom | Mungkin pada template anda sekarang ini masih satu kolom dan anda berkeinginan untuk menambah kolom pada footer blog anda. Dengan menambah ruang footer, hal ini dimaksud untuk meletakkan widget seperti Recent Post dan Recent Comments atau yang lainnya. Lalu bagaimana cara membagi footer menjadi tiga kolom pada blog anda ?

Berikut cara membagi ruang footer jadi 3 kolom pada blogger
1. Masuk ke akun Blogger
2. Pilih Rancangan
3. Pilih Edit HTML
4. Backup template anda dahulu
5. Lalu cari kode seperti di bawah ini :

<div id='footer-wrapper'>

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

</div>

Kalau template anda tidak menemukan footer-wrapper, cari yang mirip aja seperti footer-section
Lalau ganti kode di atas dengan kode di bawah ini dari  <div> ke </div>

<div id='footer'>
<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;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>

6. Selesai, simpan template anda

Demikianlah postingan tentang Membagi Footer Menjadi 3 Kolom Pada Blogspot, semoga bermanfaat dan sukses selalu untuk anda.