Cara Membuat Footer 3 Kolom Dengan Gambar
Unknown | 2:29 PM |
Blog Tutorial
Baiklah Pada Tutorial Blog Ewabloggerock Kali Ini ewa Akan Memberikan Tips Dan Trik Blogspot Dalam Menambahkan Footer 3 Kolom Dengan Gambar Mari Kita lihat cara cara nya dibawah ini....?
5. Cari kode <b:section class='footer' id='footer'> dan ganti dengan kode pengganti di bawah ini:
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>
- 1. Login ke blogger dan masuk ke Dasbor.
- 2. Klik Rancangan, lalu pilih menu Edit HTML (Jangan Centang "Expand Template Widget")
- 3. Cari kode ]]></b:skin>
- 4. Letakkan kode CSS berikut ini diatas ]]></b:skin>
- #footer-column-container { clear:both; } .footer-column { background:#444 url(http://img169.imageshack.us/img169/937/footerbawah.jpg) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff }
5. Cari kode <b:section class='footer' id='footer'> dan ganti dengan kode pengganti di bawah ini:
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>
- 6. Apabila tidak ada kode yang ewa maksud, letakkan kode pangganti diatas kode <!-- end content-wrapper -->
- 7. Apabila masih belum ketemu, letakkan kode yang pengganti tadi dibawah kode CSS bagian footer atau bottom.
- 8. Lalu simpan....
Description: Cara Membuat Footer 3 Kolom Dengan Gambar
Rating: 4.5
5 komentar:
wah.. artikel yang bermanfaat :D
Disini templatenya bagus & Artikelnya juga Berkualitas :D
kalau diberi umur panjang aku akan datang lagi kesini :)
#Semoga Rezekinya Lancar :D
@Darmawan Saputra: makasih mas Darmawan dan salam kenal...
Update Betting : Sbobet, Live Casino, Maxbet, s4bung 4yam, Togel, dll
minimal dp/wd 50rb.. ayo daftar
agen365 menyediakan game : sbobet, ibcbet, casino, togel dll
ayo segera bergabung bersama kami di agen365*com
pin bbm :2B389877
Post a Comment