Header Ads

Cara Membuat Footer 2 Kolom Di Blog


Footer adalah kolom yang biasanya terdapat di paling bawah bagian blog, kita bisa mengisinya dengan berbagai macam widget yang diinginkan. Kali ini saya akan mencoba membuat Footer 2 Kolom Di Blog.
Cara Membuat Footer 2 Kolom Di Blog, cara membuat footer 2 kolom, cara membagi footer menjadi 2 kolom  endolita.blogspot.com
Fungsinya untuk apa? Tentu saja dengan adanya 2 kolom footer tersebeut kita bisa jadi lebih banyak ruang untuk menempatkan widget. Lihat screenshoot-nya di bawah ini:
Cara Membuat Footer 2 Kolom Di Blog, cara membuat footer 2 kolom, cara membagi footer menjadi 2 kolom  endolita.blogspot.com
Bagaimana cara membuatnya?

Cara Membuat Footer 2 Kolom Di Blog
  1. Login ke akun Blogger
  2. Pilih Template >> Edit HTML
  3. Copy-paste script berikut di atas kode ]]></b:skin>
  4. #footer-column-divide {
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }
  5. Lalu cari kode yang mirip dengan kode berikut ini:
  6. <div id='footer-wrapper'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>
    atau, yang mirip dengan kode berikut ini:
    <div id='footer'>
    <b:section class='footer' id='footer' showaddelement='yes'/></div> 
  7. Tambahkan script berikut di bawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />
  8. <div id='footer-column-divide'>

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

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

    <div style='clear:both;'/>
    </div>
    Catatan: Jika di template yang digunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode-nya dibawah kode <div id='footer'>
  9. Simpan Template. Lihat hasilnya di Tata Letak, cek apakah ada elemen baru muncul.
Itulah sekilas pemahaman saya tentang Cara Membuat Footer 2 Kolom Di Blog. Jika mencari artikel yang serupa silahkan cek di bawah ini:

No comments

Powered by Blogger.