Monday, June 18, 2012

Menambah Sidebar dibawah Header

Sobat blogger, setelah kemarin kita bahas bersama mengenai cara membagi kolom header, kali ini, saya akan berbagi tentang cara menambah gadget di sidebar. Biasanya, ini dilakukan bila sidebar hanya terdiri 1 kolom besar saja. Mari kita mulai ...

  1. Log in ke blogger : dashboard >> Template >> Edit HTML



  2. Cari kode di bawah (bisa gunakan Ctrl+F untuk mempercepat)
  3. Kemudian, tambahkan kode di bawah, di antara </b:section> dan < /div >
  4. #under_header{
    margin:10px 0;
    padding:1%;
    width:100%;}

  5. Cari kode seperti ini:
  6. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='nama header (Header)' type='Header'/> </b:section>

  7. Kemudian pastekan kode dibawah ini

    <div id='under_header'> <b:section class='header' id='underheader' preferred='yes'/> </div>
  • setelah itu simpan tamplate
  • Berikut hasilnya

Artikel Terkait

No comments:

Post a Comment