Kamis, 05 Juli 2012

Membagi header menjadi dua kolom

Beberapa waktu yang lalu Blog kami mencoba ganti template memakai template blogger yang baru.  Karena ada sedikit perbedaan kode html dan itu masih asing alias belum akrab sehingga seluruh gadget yang telah terpasang rapih menjadi berantakan kembali. Nah bagi yang mengalami kesulitan yang sama seperti kami, bisa saja mempraktekkan hal berikut ini



  • Login ke blogger
  • Pilih template lalu klik HTML
  • Cari kode .header-outer {   background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
  • Kemudian ganti dengan .header-outer {
      background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
      _background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */} 
    #header {
    width: 45%;  /* untuk mengatur lebar header kiri  - title, description, image */
    margin-right: 10px;float: left; }
    #bgsGR_headerkanan {
    float: right;
    width: 49%;   /* mengatur lebar header kanan */
    margin: 20px 10px 5px 10px;
    padding: 2px;}
    #bgsGR_headerkanan .widget {margin: 3px;}
  • Selanjutnya cari kode <div class='region-inner header-inner'>
  • Lalu letakkan kode berikut ini di bawah kode tersebut <b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
  • Save dan lihat hasilnya


Tidak ada komentar:

Posting Komentar

Tolong kritik dan saran demi kemajuan blog kami