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

Related Posts:

  • Cara Buat Scroll Arsip ( Archive Scrolling ) Blogspot Fungsi scroll pada arsip blog berguna untuk memperpendek barisan arsip yang panjang melebar kebawah jadi terkesan panjang kebawah, cara merubahnya cukup menambahkan kode kolom scroll.  Caranya begini : 1. Login Akun b… Read More
  • Adding Google+1 Button to Blogspot1. Login with your blogger account 2. Go to Blogger Dashboard --> Design --> Edit HTML     and click on the button which says “Expand widget Templates”. 3. find </head> and immediately above that p… Read More
  • Cara Disable Copy Paste Di Blogspot Script ini sama fungsinya dengan script disable klik kanan mouse, tapi yang cara yang ini dengan memasukan kode script pada template blog sobat. fungsinya sama melindungi aksi copy paste orang pada konten blog kita, areal so… Read More
  • Pasang Fungsi Scroll Labels Blogspot1. Login to Blogger.com 2. Backup tempalte sebagai cadangan 2. Beri tanda centang Expand Widget Template 3. Cari kata Labels tepatnya seperti ini: <b:widget id='Label1' locked='false' title='Label' type='Label'> <… Read More
  • Cara Mudah Pasang Disable Klik Kanan Mouse Di Blogspot1. Login to blogger.com dengan akun sobat 2. Go to Layout --> Add a Gadget --> Select html/javascript 3. Copy pastekan kode dibawah ini : <script language="JavaScript"> <!-- //Disable right mouse click Script … Read More

0 komentar:

Post a Comment