Membuat footer menjadi 3 sidebar

Membuat 3 kolom pada footer berguna untuk meletakkan gambar2,video,, ataupun lainnya, tergantung dari keinginan kalian,, namun banyak sekali orang yang gagal dalam membuat footer menjadi 3 kolom,, karena kurang teliti,, akibat mereka terlalu terburu –buru,, jadi dalam pembuatan ini kita tidak boleh terburu – buru,, kita harus santai,, dan ingat sebelum memulainya,, memback up template kita agar ketika terjadi hal – hal yang kita tidak inginkan,, kita dapat mengembalikan blog kita lagi seperti semula,, langsung saja kita berangkat..



~ centangkan pada “Expand Template Widget”
~ Cari kode

]]> </b:skin>

~ kemudian copy kode dibawah ini dan letakkan tepat diatasnya,, untuk lebih mudah,, klik tombol highlight saja.. dan copy

/* bottom<br />---------------------------- */<br /><br />#bottom {<br />width: 990px;<br />position: relative;<br />clear:both;<br />margin: 0 auto;<br />color:#fff;<br />float: left;<br />background:#BDBABD;<br />padding: 15px 0 15px 0;<br />}<br /><br />#bottom h2 {<br />padding: 5px 0 2px 0;<br />margin: 0 0 10px 0;<br />color:#ff5a00;<br />font-size: 24px;<br />letter-spacing: -1px;<br />border-bottom: 1px solid #fff;<br />}<br /><br />#bottom ul {<br />padding: 0;<br />margin: 0;<br />}<br /><br />#bottom ul li {<br />line-height: 26px;<br />list-style-type: none;<br />border-bottom: 1px dashed #031c5d;<br />}<br /><br />#bottom ul li a {<br />display: block;<br />padding: 0 10px;<br />color:#0701FD;<br />text-decoration: none;<br /><br />}<br />#bottom ul li a:hover {<br />background: #B1ACB1;<br />}<br /><br />#left-bottom { /* kode kolom kiri */<br />width: 315px;<br />float: left;<br />padding-left:10px;<br />}<br /><br />#center-bottom { /* kode kolom tengah */<br />width: 315px;<br />float: left;<br />padding-left:10px;<br />}<br /><br />#right-bottom { /* kode kolom kanan */<br />width: 315px;<br />float: left;<br />padding: 0 5px 0 10px;<br />}<br />

~ ganti huruf "(" dan seperti ")" menjadi huruf "<" dan ">"
~ Cari kode dibawah ini pada bagian )/body)

<div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div>

~ Copy kode dibawah ini dan paste tepat diatas kode tadi

<div id="'bottom'"> <b:section class="'bottom'" id="'left-bottom'/"> <b:section class="'bottom'" id="'center-bottom'/"> <br /><b:section class="'bottom'" id="'right-bottom'/"> <br /></div><br />

~ Klik Simpan..

Selamat ya sobat,, sidebar kalian sudah jadi,, dan jika kalian gagal,, unggah template kalian menjadi yang sebelum kalian modifikasi sidebar ini,, jangan lupa berlangganan e-mail pada kami,, karena kalian akan mendapatkan trick + ilmu dunia blogger.. sekian terima kasih..

selamat memblog - good luck