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 nya bisa sobat ganti dengan kemauan sobat sendiri.
Klik Disini untuk mengecek kode warna
Title : Langkah langkah membuat 3 kolom di atas footer Keren
Description : Hallo sobat , kita akan membahas lagi tentang tutorial blogspot. Mungkin pemasangan widget di sidebar sobat sudah penuh. Nah, alangkah baik...