Cara Membuat 3 Kolom Footer di Blog

Ada beberapa template baik itu template orisinal dari blogger maupun template yang telah dimodifikasi belum memiliki elemen footer. Elemen footer dapat memberikan kolom atau tempat dimana sobat bisa menambah gadjet tambahan tanpa mengurangi estetika dari blog sobat sendiri. Berikut ini adalah langkah2 bagaimana membuat kolom footer anda menjadi 3 bagian.

1. Login ke account blogger sobat.
2. Masuk ke Rancangan -- Edit HTML
3. Jangan lupa untuk membackup semua script HTML anda dengan cara menekan Download Full Template
4. Kopi dan paste CSS Style dibawah ini tepat di atas kode </b:skin>

#footer-bottom {
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}

5. Langkah selanjutnya adalah mencari kode script seperti dibawah ini <div id='footer'>

6. Kalau sudah ketemu, letakkan kode dibawah ini dibawah script tersebut

<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>

7. Simpan template sobat dan lihat hasilnya Baca Juga : Anekahosting.com web hosting murah terbaik di indonesia
Baca Juga : Exploit Joomla - Remote Shell Upload Vulnerability [ com_fabrik ]
Baca Juga : Proxy Tercepat Di Indonesia

Title Post: Cara Membuat 3 Kolom Footer di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: Avia
Terimakasih sudah berkunjung di blog CyberAsk, Jika ada kritik dan saran silahkan tinggalkan komentar

Artikel Menarik Lainya :