Membagi tab header menjadi dua bagian

Pada bagian header, banyak yang memanfaatkan kolom ini untuk menaruh iklan atau sebagainya. untuk itu saya pada postingan kali ini memberikan cara untuk Membagi tab header menjadi dua bagian.

Nah untuk langkah demi langkah seperti biasa, lalu masuk ke menu Edit HTML, lanjutkan dan centang pada kotak edit expand widget dan cari CSS header seperti #header-inner #header-wrapper #header, kemudian gantikan kode tersebut dengan kode CSS seperti dibawah ini



#header-wrapper {
width:970px;
margin:0 auto 0px;
background:#ffff;
height:150px;
}
#header-kanan {
width:400px;
background-position: left;
margin-left: auto;
margin-right:auto;
float:left;
}
#header-kiri{
width:400px;
float:left;
padding-top:10px;
}
#header {
margin: 0px;
text-align: left;
color:#ccc;
}
  • Jika sudah, mari lanjutkan mencari kode seperti dibawah ini
<div id='header-wrapper'> hingga kode  </b:section></div>
  • Intinya sobat harus menggantikan kode mulai dari <div id='header-wrapper'> hingga sampai kode terbawah tag header kode </b:section></div> untuk digantikan dengan kode dibawah ini

<div id='header-wrapper'>
<div id='header-kanan'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Gaptek32 (Header)' type='Header'/>
</b:section>
</div>
<div id='header-kiri'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

  • Kemudian save


Terkait dengan ini

1 komentar:

  1. mantep gan numpang promosi gan situs iklan bisa pasang banner,link dan iklan baris geratis kunjungi ya gan di bloger aku http://iklan-sejati21.blogspot.com/

    BalasHapus

Saya mohon maaf atas ketidak terurusnya blog ini, dan saya pun tidak tahu kapan ada waktu luang agar blog ini dapat membalas kritik dan pertanyaan, apalagi untuk melanjutkan postingan saya yang sempat tertunda pada akhir-akhir ini.
Kemungkinan besar blog ini tidak akan aktif selama paling sebentar 2-3bulan karena saya (admin) sibuk mencari nafkah di dunia nyata.
Saya mohon maaf yang sebesar-besarnya karena tidak bertanggung jawab dalam hal yang seperti ini.

Untuk menyisipkan kode <i rel="pre">KODE ANDA YANG TELAH DI PARSE...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>

Link hidup akan terhapus secara otomatis
Convert kode terlebih dahulu bila komentar anda mengandung kode HTML/JScript pada tombol di bawah ini

Parse HTML