Sponsor

AD BANNER

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

Kami menawarkan Software atau Game yang telah di posting pada situs ini untuk anda miliki dengan cara klik link Order DVD diatas atau SMS ke 085 730 281 770 atau 085 736 208 208 dengan format :

ORDER DVD (spasi) Nama Aplikasi/Paket (spasi) Nama dan alamat lengkap anda lalu kirim sms ke 085 730 281 770 atau 085 736 208 208