Tata cara menambahkan widget di samping Header blog,sehingga header terlihat 2 bagian,,,lebih jelasnya lihat gambar dibawah ini.
Bberikut langkah-langkahnya :
- Masuk di menu TEMPLATE sobat,lalu pilih EDIT HTML.
- Cari Kode dibawah ini.
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
} - Jika Sudah Dapat Ganti Kode Diatas Dengan Kode Di bawah Ini.
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 104px;}
#header {
width: 40%;
margin-right: 10px;float: left; }
#headerkanan {
float: right;
width: 54%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkanan .widget {margin: 3px;}
- Berikut Keterangannya.
.header-outer { pada bagian height: 104px(untuk mengatur tinggi header).
#header { pada bagian width: 40%; mengatur lebar header kiri. #headerkanan { pada bagian width: 54%; mengatur lebar header kanan. dan margin: 20px 10px 5px 10px; mengatur posisi atas-bawah header kanan. - Selanjutnya cari kode.
<div class='region-inner header-inner'> - jika sudah ketemu,tambahkan kode di bawah ini samping kanannya.
<b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section> - Sehingga terlihat seperti dibawah ini.
<div class='region-inner header-inner'><b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
- Langkah terakhir smpan TEMPLATE.
Tidak ada komentar: