1. Login Blogger
2. Template ---> EDIT HTML --->  beri centang Expand Widget Templates
3. Cari </b:skin>
4..Pastekan kode berikut:

#footer-bottom {
width: 900px;background:transparent;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#EB1E1E;
float: left;
padding:10px;
height:498;
}
#left-bottom {
width: 33%;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 33%;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 33%;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}


6.Cari kode  <div id='footer'> atau <div id='footer-wrapper'>

Pastekan kode berikut dibawahnya:

<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>


Keterangan :
33% menandakan bahwa kolom tersebut akan berukuran 33% dari ukuran layar...
Hitungan % digunakan jika sobat malas menghitung ukuran layar blog anda.
Jika ingin 4 kolom maka harus 25%.

0 komentar:

Post a Comment