Cara Membuat Iklan Bersampingan dengan Header

Langkah 1
1. Login Ke Blogger > Rancangan > Edit HTML > Kemudian cari kode #header-wrapper

Jika sudah ketemu akan ada kode #header di bawahnya. hapus semua kode #header dan gantikan dengan yang baru ini :

#header{background:transparant;float:left;width:179px;padding-top:15px;margin-left:7px;text-align:left;color:#f2f2f2}
#header2{float:right;margin-right:7px;width:728px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSraRFBpQwrXI7uWpFhVWM0e9c2LlZVFwCrnBHsjpZF4ekbb0wWyCuQ__pYELrWuwL22OXT7Lezzxl0EpE2lDNFjwilBVrFGfgxhfzjuCt7fDNC3g0eJ0afvICMludCafLAAMQ-Yo0Y8/s1600/Advertisement+728x90.jpg) no-repeat;height:90px;margin-bottom:4px;margin-top:4px;}
#header h1{line-height:1em;text-transform:uppercase;letter-spacing:.01em;font:bold 30px Georgia, Serif;margin:0 auto;padding:0 auto}
#header a{color:#666;text-decoration:none}
#header a:hover{color:#666}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:normal 13px Arial;color:#999;margin:0 auto;padding:0 1px 5px}
#header img{margin:auto}

Langkah 2

Cari kode <div id=header-wrapper'> bila sudah ketemu buatlah susunannya seperti kode di bawah ini :

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='' type='Header'/>
</b:section>
 <b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->

 Setelah selesai Save template, Sehingga dengan ini kita sudah Berhasil Membuat Elemen Baru di Sebuah Logo Blog

Jika langkah-langkah di atas sudah berhasil, kita masuk ke langkah ke 3 yaitu memasang iklan.

Buka rancangan, saat Anda mebuka rancangan maka akan ada penambahan elemen halaman baru di header sebelah logo. fotonya kurang lebih seperti ini :



Selanjutnya Anda tinggal menambah widget baru > pilih HTML/Javascript
setelah itu masukan kode iklan untuk zona header
Simpan dan kemudian lihat hasilnya.

Keterangan :
*) Tutorial ini hanya berlaku bagi mereka yang menggunakan template costom atau bukan bawaan asli dari blogger. Di butuhkan sedikit ketelitian dalam penambahan elemen baru ini. Tidak semua template blog memiliki nama kode yang sama, jadi walaupaun namanya berbeda Anda harus mengenal baik nama-nama dari kode di template mulai dari header, body, footer dll.

Cara Membuat Iklan Bersampingan dengan Header 2012-12-12T15:34:00+07:00 Rating: 4.5 Diposkan Oleh: M Zaky Alfarisi