Berikut bang germo ulas mengenai bagaimana memodifikasi elemen gadget, tetapi blog kita masih ringan alias SEO friendly. Tips rahasianya ternyata ada pada cara memodifikasi css-nya. Yaudah ga usah banyak casciscus, langsung ajah deh cara memodifikasi kolom gadget footer:
· Login dasbor Blogger -> Klik Design -> Edit HTML -> jangan centang expand template widget, karena nanti malah bingung. · Seperti biasanya Backup template dulu. Untuk menjaga jika terjadi kesalahan pengeditan. · Lalu, cari kode ]]></b:skin>dengan menekan ctrl+f secara bersamaan . · Tambahkan kode dibawah ini diatas kode ]]></b:skin>
#footer-column-divide { clear:both; } .footer-column { padding: 10px; }
Lalu carilah find kode yang kira-kira seperti ini : <div id='footer-wrapper'> <b:section class='footer' id='footer' showaddelement='yes'/> </div> atau <div id='footer'> <b:section class='footer' id='footer' showaddelement='yes'/> </div>
Setelah ketemu, tambahkan kode di bawah ini tepat di bawah <b:section class='footer' id='footer' showaddelement='yes'/> atau di <div id='footer-wrapper'> ( jika belum ketemu, mungkin kode seperti ini : <div id='footer'> )
Kalo ingin 2 kolom. pakailah kode ini :
<div id='footer-column-divide'> <div id='footer1' style='width: 33%; 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: 33%; 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: 33%; 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>
4 kolom. Gunakan kode ini :
Anda tinggal pilih Menambah [modifikasi] kolom widget footer mau yang 2,3,4 colom sesuai selera anda ..Terakhir simpan.....template!!!!!!