wah sebenarnya aku pengen banget ini tutorial aku pasang di blog tapi g sempet jadi
aku posting aja biar ntar kalau nyari g usah susah2 pergi ke blog lain...
kali ini saya akan membahas tentang cara membagi header menjadi dua
oke langsung aja, caranya
Log In ke blog
klik rancangan / layout
Kemudian klik Edit HTML
Cari Kode CSS "Header" yang seperti di bawah ini atau kalau g ada yang mirip aja,
/* Header */ #header-wrapper { width:930px; margin:0 auto 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; }
setelah ketemu anda hapus kode di atas dan ganti dengan kode di bawah ini
/* Header */ #header-wrapper { width:930px; margin:0 auto 0px; background:#ffff; height:180px; } #header-one { width:50%; background-position: left; margin-left: auto; margin-right: auto; float:left; } #header { margin: 0px; text-align: left; color:$pagetitlecolor; } #header_two{ width:50%; float:left; padding-top:10px; }
Keterangan
width:50%;
: Adalah lebar nyaSetelah selesai anda cari kode seperti ini
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Nama Header (Header)' type='Header'/> </b:section> </div>
Lalu anda tambahkan kode berikut ini diantara kode di atas
<div id='header-one'> <div id='header_two'> <b:section class='header' id='header2' preferred='yes'/> </div> </div>
Dan Hasilnya akan kode di bawah ini.
<div id='header-wrapper'><div id='header-one'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/> </b:section> </div><div id='header_two'> <b:section class='header' id='header2' preferred='yes'/> </div> </div>
Setelah selesai anda klik Simpan template dan jika berhasil, anda klik Elemen laman / Tata letak dan lihat, apakah ada elemen di bawah header anda jika ada anda bisa mengisi nya dengan widget atau iklan atau lain2 semoga bermanfaat.