Cara Memuat Footer menjadi 3 Kolom - Cara Menambah Footer Menjadi 3 Kolom - Cara Simple Membuat Footer Menjadi 3 Kolom
Cara Memuat Footer menjadi 3 - Banyak sekali teman-teman facebook yang menanyakan cara membuat footer supaya menjadi 3 atau lebih, Dan dikesempatan kali ini saya membuat artikel tentang Cara Memuat Footer menjadi 3, Bagaimana Caranya? Caranya cukup simple... anda cuma diharuskan mengikuti Tutorial yang saya berikan dibawah ini, ikutilah tutorial dibawah ini dengan benar jika ada kesusahan silahkan berkomentar Insya Allah saya akan langsung Merespon, Ok langsung saja tutorialnya :
- Login Blogger
- Klik Rancangan/Design
- Masuk ke Menu Edit HTML
- Copy Code dibawah ini dan letakan diatas code
]]></b:skin>
- Jika Sudah diletakan langkah selanjutnya, Menempatkan Cara pemanggilan sifooter tersebut, Letakan code dibawah ini diatas code
</body>
- Kalau sudah Silahkan Simpan/Save Template
- Lihat Hasilnya
/* this footer area */
#footer{
width:100%;
height:auto;
margin:0 auto;
padding:30px 0 30px 0;
font-size:14px;
float:left;
border-top:solid 10px #e2e2e3
}
#footer h2{
font-family:Arial;
font-size:20px;
color:#000;
text-align:center;
border-bottom:dashed 1px #2b384a
}
.footer_child{
background:#fff;
padding:5px;
height:250px;
width:250px;
float:left;
margin-top:5px;
margin-left:50px;
border-radius:10px;
font-family:Arial;
font-size:15px
}
.footer_child a{
color:#25aae1
}
<!-- Begin Footer -->
<div id='footer'>
<div class='footer_child'>
<b:section class='footer1' id='footer1' showaddelement='yes'>
</b:section>
</div>
<div class='footer_child'>
<b:section class='footer2' id='footer2' showaddelement='yes'>
</b:section>
</div>
<div class='footer_child'>
<b:section class='footer3' id='footer3' showaddelement='yes'>
</b:section>
</div>
</div>
<!-- End Footer -->
Semoga artikel Cara Memuat Footer menjadi 3 Kolom - Cara Menambah Footer Menjadi 3 Kolom - Cara Simple Membuat Footer Menjadi 3 Kolom ini Bermanfaat.
0 comments:
Post a Comment