Latest Stories

Kehabisan space nih.. Pengen nambah space lagi.  Tapi dimana ia? liat lagi aja ia judulnya ^_^ .. disini saya akan memberi tutorial gimana caranya nambah footer 3 kolom di blogger anda.
nih contohnya disini.. Banyak sih template-template gratis yang memberikan fitur footer 3 kolom, tapi kalau kita uda cocok banget sama template yang kita pakai sekarang, kan jika pengen tambah footer tinggal praktekin aja tutorial ini ^_^ ..



Langsung saja ke tutorialnya, uda capek ngetik. hehe ^_^ ..

1. Masuk ke account blogger anda.
2. Pilih Tata Letak, lalu edit HTML.
3. Backup template anda dulu sebelum memulai, untuk menghindari terjadinya kesalahan.
4. Cari kode <div id="footer-wrapper"> ( kalau tidak ada cari yang mirip dengan  kode tersebut ).
5.  Setelah ketemu kode tadi, lalu temukan kode </div> di bawah kode tadi, biasaya 2 atau 3 baris dibawahnya.
6. Tambahkan kode di bawah ini di bawah kode </div> tadi.

<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>

7. Simpan, lalu lihat element halaman ^_^.

Semoga Berhasil..

( Sumber : Sumber : http://wawanwae.blogspot.com )

 Menambah Footer 3 Kolom di blogger

Categories:

One Response so far.

  1. Fahruddin says:

    makasih mas...............

Leave a Reply

You Comment i follow .. Silahkan isi komentar ^_^