Cara Membuat Footer 3 Kolom

---

S

etelah Postingan sebelumnya yakni membuat header 2 kolom kali ini kita akan membuat  footer 3 kolom, Sebagian orang membutuhkan sekali kolom footer ini dana ada juga sebagian orang tidak membutukannya, Namun bagi anda yang ingin membuat footer 3 kolom anda bisa mengikuti langkah-langkah sebagai berikut :

---

1. Sign In Blogger, laluMasuk Layout, kemudian Edit HTML , beri centang Expand widget (jangan lupa back up dulu buat jaga-jaga).
2. Cari kode: <div id="footer-wrapper">
3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode: </div> 
4. Tambahkan kode berikut ini di bawahnya:



          <div id="footer"> 

<div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;">

<b:section class="footer-column" id="col1" preferred="yes" style="float: left;">

</b:section></div>

<div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;">

<b:section class="footer-column" id="col2" preferred="yes" style="float: left;">

</b:section></div>

<div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;">

<b:section class="footer-column" id="col3" preferred="yes" style="float: right;">

</b:section></div>

<div style="clear: both;">

<p>

</p><hr align="center" color="#5d5d54" width="90%"><p></p>

<div id="footer-bottom" style="padding: 10px; text-align: center;">

<b:section class="footer" id="col-bottom" preferred="yes">

</b:section>

</div>

<div style="clear: both;">


</div>

5. Simpan
6. lihat hasilnya.

Ket: pada beberapa template kodenya: footer atau footer-section.

Posted in: ttg blog