Cara manambah widget disamping judul blog / header



Seperti kita ketahui tema standar bawaan yang disediakan blogspot hanya menyediakan satu buah widget pada header, yaitu untuk menampilkan judul blog.
Namun tidaklah mustahil kita bisa menambahkan satu widget lagi pada header, seperti contoh gambar dibawah ini :


Header yang telah dibagi menjadi 2 bagian 

Penambahan widget tersebut nantinya bisa dimanfaatkan memasang iklan dari google ketika blog sudah diterima google adsense , ataupun bisa ditawarkan pemasangan iklan dari pihak lain , seperti contoh gambar dibawah ini :







Caranya sebagai berikut :
<!– adsense –>
1. Masuk ke dasboard blogger, pilih tema , selanjutnya pilih edit HTML
2. Cari kode .header-outer (caranya pencet ctrl + F dikeyboard lalu ketik.header-outer)

.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0; }

3. Ganti kode diatas dengan kode dibawah ini:

.header-outer {
background: $(header.background.color) $(header.background.gradient)
repeat-x scroll 0 -400px;_background-image: none;min-height: 180px;}
#header {
width: 35%;
margin-right: 10px;float: left; }
#headerkanan {
float: right;
width: 55%;
margin: 40px 20px 2px 15px;
padding: 2px;}
#headerkanan .widget {margin: 2px;}

4. Cari kode <div class='region-inner header-inner'>

5. Tambahkan kode
 <b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
disamping kode di langkah no.4, sehingga kodenya menjadi :


Selanjutnya Save Tema,

Selain untuk memasang iklan , gambar, ataupun yang lainya,  penambahan widget tersebut juga dapat mempercantik tampilan blog kita.

Semoga bermanfaat

No comments:

Post a Comment