2012-01-21
Oleh - Kang Salman

Membuat Iklan Bersampingan Dengan Logo Blog

Membuat Iklan Bersampingan Dengan Logo Blog
Advertisement:
Membuat Iklan Bersampingan Dengan Logo Blog - banyak sekali pertanyaan yang masuk via email, saya akan mejawabnya satu persatu jadi mohon maaf ya yang masih belum terjawab pasti akan di ulas kok sama kang salman :).

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(http://1.bp.blogspot.com/-ZQGiGdDNVss/TmWDF9SidsI/AAAAAAAABnk/2g2kUFSpE4U/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 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 :

menambah elemen baru di header sebelah logo blog

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.


Berlangganan KUCOBA Email Update
Advertisement:
Judul : Membuat Iklan Bersampingan Dengan Logo Blog Deskripsi : Admin : Terbit Rating : 5 stars

  • Lifestyle