Blog yang berisi segala informasi terbaru yang anda butuhkan...

Advertisement

Cara Menambahkan 3 Colom Footer

ADSENSE HERE!
 

Assalamualaikum sobat semua,,,,kali ini saya akan memposting bagaimana cara menambah 3 elemen kolom footer pada template yang tidak memiliki fasilitas untuk menambah elemen widget pada footer.Contohnya seperti yang terjadi pada MURDER TEMPLATE seperti yang saya gunakan ini.






Berikut Cara pasangnya :

1. Login akun blogger sobat dulu.
2. Pilih design,lalu Edit HTML
3. Copas kode dibawah ini tepat diatas kode ]]></b:skin>

/* ----- LOWER SECTION ----- */ #lower { margin:auto; padding: 0px 0px 10px 0px; width: 100%; background:#333434; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; width: 960px; } #lowerbar-wrapper { border:1px solid #DEDEDE; background:#fff; float: left; margin: 0px 5px auto; padding-bottom: 20px; width: 32%; text-align: justify; font-size:100%; line-height: 1.6em; word-wrap: break-word; overflow: hidden; } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} .lowerbar h2 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 0px; text-align: left; color:#0084ce; text-transform:uppercase; font: bold 14px Arial, Tahoma, Verdana; border-bottom:3px solid #0084ce; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 2px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px dotted #ccc; }

4. Kemudian Copy kode berikut ,dan simpan sebelum kode </body>

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>

4. Klik Save , Cek di Desain,,,kalo cara pemasangannya sobat benar pasti akan berhasil karena saya sudah mencobanya sendiri.

ADSENSE HERE!

No comments:

Post a Comment

iklan

iklan

iklan

Copyright © Ditentukan Blog. All rights reserved. Template by CB. Theme Framework: Responsive Design