Cara Membuat Footer 3 Kolom Dengan Background- Kadang kita membutuhkan tempat untuk menyimpan widget-widget kita tetapi halaman blog kita sudah penuh terisi tapi jangan khawatir karena disini kita akan membahas tentang Cara Membuat Footer 3 Kolom Dengan Background karena tidak semua template mempunyai footer 3 kolom ini.
Ini adalah screen shot gambar template sebelum membuat footer 3 kolom
Gambar template ini sesudah membuat footer 3 kolom
Tertarikah sobat semua untuk dapat membuatnya? Baik saya akan memulai langkah-langkahnya
Cara Membuat Footer 3 Kolom Dengan Background
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://i1237.photobucket.com/albums/ff473/muhammadsuteja/footerbawah.jpg)
no-repeat; width:900px; position:relative; clear:both; margin:0 auto;
float:left; padding:5px 0 10px 0; color:#fff
}
Catatan : Untuk warna backround silahkan ganti http://i1237.photobucket.com/albums/ff473/muhammadsuteja/footerbawah.jpg ini dengan gambar yang di inginkan.
5.Cari Kode <!-- end content-wrapper --> dan letakkan kode dibawah ini tepat diatasnya
<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.Simpan Template
Demikian turitorial Cara Membuat Footer 3 Kolom Dengan Background yang dapat saya jelaskan, selamat mencoba !
Friday, August 24, 2012
2 Cara Membuat Footer 3 Kolom Dengan Background
Subscribe to:
Post Comments (Atom)
2 comments
thanks ya,kebetulan blogq ga ada footernya,,,
This paper wishes to relate here a first hand experience to illustrate how this code of conduct can be recklessly ignoredThis is fine Use adequate ventilation please
Wearing your team Look at it this way: though all the teen-age kids might wear one size of sweatshirt to school, would people wear the same size suit or skirt to work? If they did, would they look as good or perform well? In other words, one-size-fits-all garments aren't all that versatile for different situations Create a mailing list that tells people when you've written a new article or articles" Ask if they are interested in having a call together
[url=http://www.broncosnflprostore.com/]Von Miller Women's Jersey[/url]
[url=http://www.heathmillerjersey.net/]Heath Miller Jersey[/url]
What is the best way for this to turn out, and what actions can you take to achieve that desired outcome? Notice it says actions you take, not what someone else should do Develop a Financial PlanBefore you start your private practice, assess your financial situation and make a financial plan' Don't miss out! She's on a mission to scream, skip, advise and acquaint with women around the globe who want live a vivacious life busting at the seams!5 free time-saving tools for article authors - Articles articles You can save time and make your article writing and promotion easier by putting some very great tools to use Are you going to ask them to become a subscriber for your newsletter? Visit your website? Sign up for a workshop? Set up a time for coffee? You will most likely have several calls to action, limit them to five, and never request more than one per person per event
[url=http://www.mikeditkajersey.com/]Women's Mike Ditka Jersey[/url]
Post a Comment
Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.