Home » » Cara Membuat 3 Kolom Footer di Blog

Cara Membuat 3 Kolom Footer di Blog

Redi Apri Handoko | 10.11 | 0 comments
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
Berbagi Dengan Teman:

Posted by : Redi A.H ~ / Tutorial windows, SEO , Info gadget, Download game

Artikel Cara Membuat 3 Kolom Footer di Blog Di posting oleh Redi A.H pada 2 Jul 2009. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kontak atau komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!

0 comments:

Posting Komentar

Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.

 
Site Meter :
Copyright © 2011. Tutorial Windows 7 - All Rights Reserved
Proudly powered by Blogger
Thank You For Google