Menambah [modifikasi] kolom widget footer

, ,
Ping

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: 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 ingin 3 kolom. pakai 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 :

<div id='footer-column-divide'> <div id='footer1' style='width: 25%; 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: 25%; 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: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div>

Anda tinggal pilih Menambah [modifikasi] kolom widget footer mau yang 2,3,4 colom sesuai selera anda ..Terakhir simpan.....template!!!!!!

0 comments:

Post a Comment

Gajah mati boleh meninggalkan gading, Harimau mati meninggalkan belang,Tetapi janganlah Anda pergi dengan meninggalkan SPAM komentarlah yang baik secara otomatis anda akan mendapatkan backlink dari link komentar Dofollow saya !

BackLink

BackLink !!!!