Sebelumnya kami mohon Maaf Lahir dan Bathin, Minal aidzin walfaidzin semoga para bloger semua dalam keadaan sehat.Setelah hari raya idulfitri baru mulai lagi dengan sedikit membuka-buka blog dan melihat yang terus naik ranknya... wee sangat menggiurkan.... dengan sedikit bekal dan ilmu yang ada maka memberanikan diri untuk memberikan sedikit tips yaitu Membuat Multi Footer Menjadi 4 Kolom.
Semoga langkah dan program script ini tidak adakan mendapatkan masalah dalam menerapkannya ke blog para bloger, jika ada yang kurang silakan anda komentarnya.
Membuat multi Footer 4 Kolom di bawah ini .
1.Seperti biasa Login Dulu ke blogger.
2.Klik Tata Letak.
3.Klik Edit HTML.
4.Selanjutnya silakan sobat cari kode ]]></b:skin> .
5.Jika sudah ketemu Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin> .
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
6.Selanjutnya silakan sobat cari kode dibawah ini .
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
7.Jika sudah ketemu Hapus kode <b:section class='footer' id='footer'/> kemudian ganti bengan kode dibawah ini .
<catatan kalau tidak ada <b:section class='footer' id='footer'/> yang ada hanya <div id='footer-wrapper'> terus di lanjut copy script yang ada di bawah ini, jangan lupa di save kalau tidak di save hasilnya di PREVIEW tidak akan tampil>
<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>
8.Klik Simpan Template .
9.Jika berhasil maka hasilnya adalah seperti di bawah ini .
10.Selamat berkara dan semoga blog anda tambah yahuuddd...... oke bro..
0 comments:
Post a Comment