Cara Cepat Membuat Footer 3 Columns Pada Template Blog

Cara Cepat Membuat Footer 3 Columns Pada Template Blog - Sekarang kita akan mempelajari cara membuat Footer. Footer yang akan dibuat pada tutorial ini adalah Footer 3 Kolom. Untuk tutorialnya silakan baca dibawah. Kenapa kita perlu mempelajari tentang membuat footer karena jika kita tak mampu membeli template yang berbayar maka kita akan berburu template gratisan, tentu saja di mungkin template gratisan itu selalu pas dengan keinginan kita, pasti nya ada saja yang kurang salah satu nya template yang saya gunakan ini yaitu template karya mas sugeng karena tidak ada footer maka saya tambahkan sendiri.
Baik langsung saja pada point point nya..

Cara Membuat Footer :
Sebelumnya anda harus membuat sebuah pembungkus ketiga footer tersebut. Berikan saja nama#footer-wrapper. Maka anda harus meletakkan kodenya tepat di atas
</div>
</body>

Letakkan kode dibawah ini (Pembungkus Footer) tepat di atas kode yang tadi.
<aside id='footer-wrapper'>
KETIGA B:SECTION DISINI
</aside>

Kemudian untuk membuat 3 footernya, ganti tulisan KETIGA B:SECTION DISINI dengan kode b:section berikut.
<b:section class='footer' id='footer1'/>
<b:section class='footer' id='footer2'/>
<b:section class='footer' id='footer3'/>

Seperti penerangan CSS sebelumnya, bahwa untuk membuat element tersebut bersebelahan menggunakan float. Letakkan kode berikut tepat di bawah #sidebar-wrapper

#footer-wrapper{width:100%;overflow:hidden;background:#2c3e50;padding: 20px 0;}#footer1,#footer2{float:left;width:33%;overflow:hidden;}#footer3{float:right;width:34%;overflow:hidden;}

sumber> masterbama

NOte. jika ingin merubah menjadi 2 kolom saja pake tinggal ganti beberapa bagian untuk menjadi 2.