Ok untuk anda yang ingin menambahkan footer di template blog Adaseze berikut adalah caranya. Ok berawal dari pertanyaan seorang blogger yang menggunakan template Adasenze untuk toko online dan ingin menambahkan footer 3 kolom add widget. Template adasenze ini sama dengan template sisense sebelumnya tapi template sisense di perkecil ukurannya dan perubahan fiture didalamnya. Untuk menambahkan footer 3 kolom di tempalte blog berikut tutorialnya :

Cara Menambahkan Footer 3 kolom di template blogger

Menambahkan Footer 3 kolom

letakan kode berikut ini di atas kode ]]></b:skin> ( intinya didalam css blog )
#footer{background:#292929 url(http://2.bp.blogspot.com/-a87wOZ1P210/U3cbscxxlxI/AAAAAAAABo8/rmKWBscFISg/s170/seocips7.png) no-repeat top left;margin:0 auto;text-align:left;padding:1px;border-top:10px solid #eb4938;overflow:hidden}
.footer-wrapper{color:#ffffff;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0}
.footer{float:left;width:30%;margin-left:19px;margin-top:7px}
.footer .widget{margin-bottom:30px}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer .widget-content{line-height:20px}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:none;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#6bb6f8;text-decoration:none}
.footer li a:hover{color:#ffffff}
Yang warna di atas silahkan ubah sesuka hati warna background dan gambarnya, warna yang lainnya bisa disesuaikan. Kalau membutuhkan warna dapat dilihat disini : kode warna Template blog. Selanjutnya letakan kode dibawah ini diatas kode <div class='content-wrapper'> ( ada di bagian credit dibawah )
<div id='footer'>
            <div class='footer-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'/>
<b:section class='footer' id='footer2' preferred='yes'/>
<b:section class='footer' id='footer4' preferred='yes'/>
    <div class='clr'/>
</div></div>
Sekian dan selamat mencoba.
6 Komentar untuk "Menambahkan Footer 3 kolom di template Adasenze"

Makasih atas bantuannya sob :))

kalo untuk yang lain bisa ggak mas?

Biasanya sih bisa, tergantung juga struktur template sobat. dicoba saja mudahan cocok, jika tidak dihapus saja kembali.

Sudah terpasang gan terimakasih,maaf banyak permintaa di menu template adsense...

gan di 1 widget footer itu ukurannya berapa ya? di template saya ukuran fullnya itu 960px ada 1 widget yang ga kemuat di footer itu jadi 2 diatas dan 1 dibawah gan

Pada kode di seperti dibawah ini :
.footer{float:left;width:30%;margin-left:19px;margin-top:7px}
kurangi saja nilai width:30% menjadi misalnya 29 atau 28 atau 27 dan seterusnya hingga cocok dengan lebar template. Yang lain edit saja biar tampilannya makin kinclong...