Bekasi Zone Info

Title	Cara Menambah 3 kolom Widget pada Footer
Permission	rw-r--r--
Author	Bekasi Zone
Date and Time	4:44 PM
Category	Blogging Tips
Share

Cara Menambah 3 kolom Widget pada 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...
Selamat mencoba membuat 3 kolom Widget pada Footer....