Monday, August 27, 2012

Cara Memuat Footer menjadi 3 Kolom

Cara Memuat Footer menjadi 3

Cara Memuat Footer menjadi 3 Kolom - Cara Menambah Footer Menjadi 3 Kolom - Cara Simple Membuat Footer Menjadi 3 Kolom

Cara Memuat Footer menjadi 3 - Banyak sekali teman-teman facebook yang menanyakan cara membuat footer supaya menjadi 3 atau lebih, Dan dikesempatan kali ini saya membuat artikel tentang Cara Memuat Footer menjadi 3, Bagaimana Caranya? Caranya cukup simple... anda cuma diharuskan mengikuti Tutorial yang saya berikan dibawah ini, ikutilah tutorial dibawah ini dengan benar jika ada kesusahan silahkan berkomentar Insya Allah saya akan langsung Merespon, Ok langsung saja tutorialnya :
  1. Login Blogger
  2. Klik Rancangan/Design
  3. Masuk ke Menu Edit HTML
  4. Copy Code dibawah ini dan letakan diatas code ]]></b:skin>

  5. /* this footer area */
    #footer{
    width:100%;
    height:auto;
    margin:0 auto;
    padding:30px 0 30px 0;
    font-size:14px;
    float:left;
    border-top:solid 10px #e2e2e3
    }
    #footer h2{
    font-family:Arial;
    font-size:20px;
    color:#000;
    text-align:center;
    border-bottom:dashed 1px #2b384a
    }
    .footer_child{
    background:#fff;
    padding:5px;
    height:250px;
    width:250px;
    float:left;
    margin-top:5px;
    margin-left:50px;
    border-radius:10px;
    font-family:Arial;
    font-size:15px
    }
    .footer_child a{
    color:#25aae1
    }
  6. Jika Sudah diletakan langkah selanjutnya, Menempatkan Cara pemanggilan sifooter tersebut, Letakan code dibawah ini diatas code </body>

  7. <!-- Begin Footer -->
    <div id='footer'>
    <div class='footer_child'>
    <b:section class='footer1' id='footer1' showaddelement='yes'>
    </b:section>
    </div>
    <div class='footer_child'>
    <b:section class='footer2' id='footer2' showaddelement='yes'>
    </b:section>
    </div>
    <div class='footer_child'>
    <b:section class='footer3' id='footer3' showaddelement='yes'>
    </b:section>
    </div>
    </div>
    <!-- End Footer -->
  8. Kalau sudah Silahkan Simpan/Save Template
  9. Lihat Hasilnya
NB: jika anda sudah mempunyai footer, hapus/tiban saja code css dan html footer yang ada ditemplate anda dengan code css yang saya berikan diatas, Jika kurang mengerti dan paham silahkan bertanya, "Malu Bertanya Sesat dijalan".
Semoga artikel Cara Memuat Footer menjadi 3 Kolom - Cara Menambah Footer Menjadi 3 Kolom - Cara Simple Membuat Footer Menjadi 3 Kolom ini Bermanfaat.

0 comments:

Post a Comment