Menambahkan Footer 3 kolom di template Adasenze

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 :

Menambahkan Footer 3 kolom

letakan kode berikut ini di atas kode ]]></b:skin> ( intinya didalam css blog )

#footer{background:#292929 url(https://2.bp.blogspot.com/-a87wOZ1P210/U3cbscxxlxI/AAAAAAAABo8/rmKWBscFISg/s170/anisuka7.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(https://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.

Diposkan oleh

Brando Mewo

You Might Also Like: