Selamat Datang, terima kasih telah berkunjung."Disini kita bukan untuk saling bersaing, kita ada disini untuk saling melengkapi"

10 Juli 2012

Membuat 3 kolom di atas footer

Berbagi apa saja Hallo sobat, kita akan membahas lagi tentang tutorial blogspot. Mungkin pemasangan widget di sidebar sobat sudah penuh. Nah, alangkah baiknya untuk memasang 3 kolom di atas footer ini, yaitu seperti saya. Jadi sobat bisa memasang widget di 3 kolom ini. Cara memasangnya cukup mudah kok sobat, ikuti langkah - langkah di bawah ini ok?
1. Login pada blog sobat
2. Langsung ke halaman Template kemudian Edit HTML
3. Expand Template Widget
4. Cari kode ]]></b:skin> letakkan kode di bawah ini di atas kode tersebut
#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. Lalu cari kode <div id='footer'> dan letakkan kode di bawah ini di atas kode 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>
6. Simpan dan lihat hasilnya

Keterangan:
  • Kode yang berwarna merah adalah ukuran masing - masing kolom, bisa sobat ganti dengan kemauan sobat sendiri 
  • Kode yang berwarna biru adalah warna background bisa sobat ganti dengan kemauan sobat sendiri. Klik Disini untuk mengecek kode warna


Selamat Mencoba!!! :D

Disebarluaskan oleh : Joko Sun - "Berbagi Apa Saja"

Jokosun Kamu telah membaca artikel tentang Membuat 3 kolom di atas footer. Kamu boleh copy paste artikel ini. Jika di bawah artikel ditulis sumbernya, cantumkan sumbernya, jika tidak mohon cantumkan kode di bawah ini:

1 komentar:

Pedang yang tajam mengakibatkan luka yang dalam. Namun kata-kata yang tajam bisa melukai hati. Hati yang luka lebih sukar untuk menyembuhkannya.