Pasang banner iklan disini

Friday, August 17, 2012

CARA MENGUBAH TEMPLATE BLOGGER MENJADI 3 COLUMB

Jumpa lagi sobat punggawa.
Sobat berencana mengoprek template blog sobat yang dua columb menjadi tiga columb? Berikut Punggawa akan berbagi dengan sobat pengunjung blog Punggawa.
Semoga tidak mengecewakan.

1. Login ke akun Blogger
2. Dari Dasbor klik Rancangan
3. Klik Edit HTML
4. Centang 'expand widget template'
5. Cari kode ]]></b:skin>
6. Masukkan kode di bawah ini di atas kode ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
7. Cari kode berikut atau semiripnya
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
8. Kalo udah ketemu tambahkan kode ini di atasnya!
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p> <hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center;padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
9. Langkah terakhir dari semua langkah yaitu,,, SIMPAN

Semoga bermanfa'at.
Shalam!!!

3 comments:

  1. I'd like to find out more? I'd want to find out some additional information.


    Also visit my web site; krystal

    ReplyDelete
  2. I’m impressed, I have to say. Rarely do I come upon a
    blog that’s just as educative and enjoyable on web 2.0 site,
    and without question, you have hit the nail on
    the head. This matter is an issue that not enough people are talking intelligently about.

    Right now I’m very happy I found this during
    my search for something related to this.

    Take a look at my web page ewebmarks.org

    ReplyDelete

SMS Gratis Disini