menambahkan 3 colom footer 5

Muhamad Haidir Ali | 16.58 | , ,

untuk menambahkan 3 colom footer anda harus melakukan hal - hal yang saya tulis di bawah ini :

  1. masuk ke tataletak --> edit HTML
  2. cari code :
    <b:section class='footer' id='footer'>
  3. lalu ganti code yang di atas dengan code :
    <div id='footer-column-container'>

    <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

    <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
    </div>

    <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

    <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    <p>
    <hr align='center' color='#5d5d54' width='90%'/></p>
    <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

    <b:section class='footer' id='col-bottom' preferred='yes'>
    <b:widget id='Text2' locked='false' title='' type='Text'/>
    </b:section>

    </div>
    <div style='clear:both;'/>

    </div>
  4. setelah itu cari code :
    </b:skin>
  5. taruh code dibawah ini diatas code tadi :
    #footer-column-container {
    clear:both;
    }

    .footer-column {
    padding: 10px;
    }
selesaiii.......

coba anda sekarang lihat hasilnya .. !! gmana .. ?

oia untuk kode yang berwana biru itu merupakan warna bordernya jika anda ingin ganti coba lihat code warnanya di sini

Baca Juga Artikel Terkait



5 Responses So Far:

Joe mengatakan...

Horee dapat Pertamaxx nich ... aku kurang ngerti cara pasangnya bozz, soalnya aku pake template yang dah jadi.

yanuar catur rastafara mengatakan...

kerenlah ini tips
hehehehehe

Fujiwara Minmy mengatakan...

nice article...
bnr2 brguna bagi blogger pemula kyk saya.. :D

Fahmi Herlambang mengatakan...

Keren, berhasil..
http://fahmiblogs.blogspot.com

lirik lagu indonesia mengatakan...

wahh berhasil sob..ini blog saya yg sudah saya terapkan..thanx infonya ya.saya bookmark dulu edh,biar g lupa Lirik Lagu Indonesia Terbaru

 
Related Posts Plugin for WordPress, Blogger...