MENAMBAH 2 KOLOM DI BAWAH FOOTER
Author by" Asep Iin Maulana
Banyak template yang tidak mempunyai widget di bawah halaman postingan,sehingga menyulitkan kita untuk menyimpan widget yang di perlukan yang inigin di simpan.nah hal ini bisa kita atasi dengan sediki modifikasi pada script HTML nya dengan cara menambahkan script baru,berikut contoh Menambahkan element footer menjadi 2,3,4 kolom atau berapapun yang kita mau.
- Login ke blogger.
- Klik Layout/Design -> Edit HTML
- sebelum melakukan trik ini sebaiknya template di copy terlebih dahulu
- cari kode ]]></b:skin> dan tambahkan script di bawah di atasnya
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
- kemudian cari script di bawah
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div> - kemudian hapus <b:section class='footer' id='footer'/> lalu ganti dengan kode dibawah ini :
<div id='footer-column-divide'>
jika ingin membuat widget 3 atau 4 kolom tinggal perbanyak script warna biru sesuai dengan kebutuhan. dan atur footernya menjadi footer 1.footer 2.footer3. footer 4.kemudian ganti column' id='col1' menjadi col1,col2,col3 dan col4. ganti pula nilai width nya untuk penyesuaian: untuk widgte 3 kolom, ganti 50% persen dengan 25% pada footer1.25% pada footer2,dan 25% pada footer3. untuk widget 4 kolom ganti semua nilai widthnya menjadi 25%
<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>
- jika script point 5 tidak ada,bisa cari script berikut ini </div></div> <!-- end outer-wrapper --> kemudian copy script point 6 di bawahnya
- kemudian save template