Jumpa lagi sobat....Kali ini Balong condro akan menjelaskan sebagaimana judul diatas...ya benar..Cara menambah widget di samping header (judul blog).basanya para blogger senior menyebutnya membuat header Blog menjadi dua kolom.yang namanya header blog original pasti terlihat memanjang horizontal dibawah navbar. kayanya terlalu
standar untuk anda yang menginginkan Blognya terlihat penuh.
widget disamping header ini biasanya digunakan untuk memasang iklan.
terus gimana sih bentuknya?
lihat nih gambar dibawah:
Jika sobat melihat gambar di atas, disitu terdapat dua kotak.Header sudah terbelah menjjadi 2 (Dua).Jika Sobat hal yan demikian,Sobat cukup mengikuti langkah2 yang ada dibawah ini:
- Login ke akun Blog masing-masing.
- Pilih menu "Template".
- Klik "Edit HTML".
- Centang "Expand Template Widget".
- Cari kode dibawah, (ketikkan CTRL+F pada keyboard untuk mempermudah pencarian).
.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
- Jika sudah anda temukan hapus kode tersebut, ganti dengan kode dibawah.
.header-outer {background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 120px;}#header {width: 40%;margin-right: 10px;float: left; }#pba_rightheader {float: right;width: 55%;margin: 20px 10px 5px 10px;padding: 2px;}#pba_rightheader .widget {margin: 3px;}
- Eitzzzzz jangan beranjak dulu, Sekarang cari kode dibawah:
<div class='region-inner header-inner'>
- Sudah ketemu kan? lihat kode yang ada dibawah ini, kemudian anda copy dan letakkan setelah kode <div class='region-inner header-inner'>.
<b:section class='pba_rightheader' id='pba_rightheader' maxwidgets='1' showaddelement='yes'></b:section>
- Jika sudah klik "Simpan template".
- Sekarang lihat menu "Tata Letak".
Cek apakah header sobat sudah terpecah menjadi 2 (Dua)....?????
Jika sudah,sobat tinggal menambahkan widget yang sobat inginkan...
NB :
NB :
- min-height: 120px => merupakan tinggi dari header anda.
- width: 40% => Lebar dari header utama/ header yang sebelah kanan.
- width: 55% => Lebar Widget/ Header yang ada disebelah kiri.
