Home » » Membuat multi footer 4 kolom

Membuat multi footer 4 kolom

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..

Share this article :

0 comments:

Powered by Blogger.
 
Support : Web Design | Tutorial Blog | Website Instan
Copyright © 2013. INFO BLOGER MANIA - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger