Cara Membuat 3 Kolom Dibawah Footer

Buat sobat" yang bingung mau nambah tempat gadget sepeti gambar disamping ...
ni saya punya sedikit tips untuk Membuat 3 kolom Widget di Bawah Postingan.
tips ini mungkin dah banyak diketahui oleh blogger" lain,
tp disini saya hanya ingin share ja dan pastinya buat nambah koleksi tips blogging saya.... hehehehehe
ok langsung aja pada tipsnya....

1. Login ke blogger.
2. Klik Rancangan --> tata letak --> Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode dibawah ini dan paste di atas kode ]]></b:skin>

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

     5.  Cari kode

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

     6.  Hapus kode <b:section class='footer' id='footer'/>
     7.  ganti kode tersebut dengan kode

<div id='footer-column-divide'>
<div id='footer1' 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='footer2' 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='footer3' 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>

    8.  Simpan Template.

Lihat pada Rancangan --> elemen halaman dan akan terlihat seperti gambar dibawah ini.

good luck... Happy Blogging ^_^

Artikel Terkait: