Minggu, 03 April 2011

Cara menambah Footer 3 kolom di Blogspot


Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template bawaan banyak tidak memiliki footer  (letaknya berada di paling bawah pada halaman blog) Bagi anda yang malas ganti template atau sudah cocok dengan template sekarang tetapi tidak ada footernya dan ingin menambah footer 3 kolom, tips ini mungkin bermanfaat.

Oke, langsung saja ke tutorialnya:

1. Masuk Layout, Edit HTML, beri centang (jangan lupa back up dulu buat jaga-jaga).


2. Cari kode: <div id="footer-wrapper">
Ket: pada beberapa template koden bisa berupa : footer atau footer-section.

3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode:
</div>

4. Tambahkan kode berikut ini di bawahnya:

    <div id="footer">
    <div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;">
    <b:section class="footer-column" id="col1" preferred="yes" style="float: left;">
    </b:section></div>
    <div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;">
    <b:section class="footer-column" id="col2" preferred="yes" style="float: left;">
    </b:section></div>
    <div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;">
    <b:section class="footer-column" id="col3" preferred="yes" style="float: right;">
    </b:section></div>
    <div style="clear: both;">
    <p>
    </p><hr align="center" color="#5d5d54" width="90%"><p></p>
    <div id="footer-bottom" style="padding: 10px; text-align: center;">
    <b:section class="footer" id="col-bottom" preferred="yes">
    </b:section>
    </div>
    <div style="clear: both;">
    </div>


5. Simpan, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).

Selamat mencoba, semoga berhasil….

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...