Cara Mudah Menambah dan Membuat Cantik Footer

Cara Mudah Menambah dan Membuat Cantik Footer

Footer blog adalah bagian paling bawah pada halaman blog yang mempunyai baerbagai fungsi diantaranya adalah sebagai tempat untuk menambahkan gadget yang dianggap penting selain itu menambahkan footer juga dapat membuat blog semakin cantik dan rapi karena warna footer bisa di sesuaikan dengan warna header (bagian paling atas pada blog) maka dari itu sangat penting untuk seorang blogger anyar untuk tahu bagaimana cara menambahkan footer pada blog.

Sebagian besar template blog memang sudah dilengkapi dengan footer akan tetapi masih banyak juga template blog yang bagus tapi belum dilengkapi dengan footer,maka dari itu untuk anda yang terlanjur cinta sama template yang sudah anda punya tapi belum dilengkapi dengan bagian footer,anda bisa membuat solusi sendiri dengan Cara Mudah Menambah dan Membuat Cantik Footer karena selain menambah footer anda juga bisa mengedit sendiri untuk menyesuaikan agar tampilan blog menjadi cantik.

Cara Menambahkan Footer pada Blog

1.Buka template blog dan cari kode ]]></b:skin>
2.Taruh kode css dibawah ini tepat di atas kode ]]></b:skin>

#footer-column-divide {
    clear:both;background: #3B5998;color:#ffcc66;
    }
    .footer-column {
    padding: 10px;
    }

3.Kemudian cari kode <div id='footer'> letaknya pada bagian bawah template blog bila tidak ada cari saja yang mirip atau semacamnya.

4.Setelah ketemu taruh kode dibawah ini tepat di atasnya (kode pada langkah ke-tiga).

<div id='footer-column-divide'>

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

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

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

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

5. ....Save Template

Ket:Untuk kode #3B5998; dan #ffcc66; anda bisa menggantinya dengan kode yang lain untuk menyesuaikan warna footer pada halaman blog.

Categories