Cara Menambahkan Widget Di Samping Header
Biasanya template bawaan bloger headernya itu terlalu banyak memakan tempat maka dari itu kita perlu menambahkan widget di sampingnya agar nanti kelihatan bagus dan menarik serta bisa menambahkan gadget apa saja . Setelah menambahkan widget maka header blog akan terbagi menjadi seperti ini.
Untuk dapat membuat seperti gambar di atas maka anda harus mengikuti langkah-langkah di bawah ini.
Cara Menambahkan Widget Di Samping Header.
- Login ke blogger
- Ke halaman dashboard
- Pilih template
- Edit HTML
- Tekan CTRL + F untuk mencari kode .header-outer { Kode lengkapnya seperti ini :
.header-outer {
background:$(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
_background-image: none;
}
Ganti semua kode di atas dengan kode di bawah ini :
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 110px;}
#header {
width: 39%;
margin-right: 9px;float: left; }
#headerkedua {
float: right;
width: 55%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkedua .widget {margin: 3px;}
Keterangan :background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 110px;}
#header {
width: 39%;
margin-right: 9px;float: left; }
#headerkedua {
float: right;
width: 55%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkedua .widget {margin: 3px;}
.header-outer { pada bagian height: 110px(untuk mengatur tinggi header).
#header { pada bagian width: 39%; lebar header kiri.
#headerkanan { pada bagian width: 55%; lebar header kanan.
#header { pada bagian width: 39%; lebar header kiri.
#headerkanan { pada bagian width: 55%; lebar header kanan.
margin: 20px 10px 5px 10px; posisi atas-bawah header kanan.
6. Tekan CTRL + F lagi untuk mencari kode <div class='region-inner header-inner'> dan tambahkan kode berikut ini disamping kanannya :
<b:section class='headerkedua' id='headerkedua' maxwidgets='1' showaddelement='yes'></b:section>
7. Selanjutnya klik pratinjau dan kalau tidak ada pesan error maka klik save.
Dengan menambahkan widget di samping header maka tampilan blog kita akan semakin menarik dan tentunya dengan widget tersebut juga bisa nantinya di pasangkan iklan untuk menghasilkan pundi-pundi uang.
Sekian postingan kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.
SALAM SUKSES :-)
0 Response to "Cara Menambahkan Widget Di Samping Header"
Post a Comment