Membuat Iklan Bersampingan Dengan Logo Blog :)

Sebagai Demo bisa melihat gambar ini atau melihat langsung di header.

Nah untuk membuat itu caranya cukup mudah.

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/AVvXsEiWd-qlcHuBSkd4FiHUXcHt-S1phxWn3T3bix-PEDC6266LJ2ctfTQoXbklcFbmnugdvWvHe46tGz7pv0UPS8IQ5qNXNH7hFTodWzflvmComDlbizB9ls8-r1egkZhlNEmPNmpLTW3rduw/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>

Setelah selesai Save template. Sehingga dengan ini kita sudah berhasil membuat elemen baru di sebelah 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.

Nah sahabat kucoba, semoga tutorial ini bermanfaat. Selamat mencoba..

*) 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.

Subscribe via Email