Selasa, 27 Maret 2012

Cara menambah 3 kolom di atas footer

Hey" ketemu lg ne sama saya hahaha,kali ini saya akan berbagi trik bagaimana menambah 3 kolom di atas footer,mungkin bagi anda yang template blognya kekuranagn kolom widget bisa mencoba dengan trik ini...

1) Pertama anda login dulu ke akun blogger agan...
2) Pilih 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'> pada template anda,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 template agan dan lihat hasilnya...

Keterangan :
                     Ganti angka dan warna pada turtorial No.4 sesuai selera anda....

0 komentar:

Terimakasih telah berkunjung :D.Silahkan berkomentar dengan baik dan bijak :). No P*rno, No Spam, No Links, No SARA.

◄ Posting Baru Posting Lama ►
 

Copyright 2012 Ramdani: Cara menambah 3 kolom di atas footer Template by Bamz | Publish on Bamz Templates