Monday, April 16, 2012

Cara Membuat Kotak Adsense Melayang (float) di Blogspot

Kali ini saya akan berbagi tutorial tentang bagaimana cara membuat kotak adsense melayang. Pernahkan sahabat blogger melihat kotak melayang yang berisikan iklan adsense ketika membuka blog-blog senior. Dan sekarang kita akan mencoba untuk membuatnya sendiri. Berikut beberapa langkah cara membuatnya.

Cara membuat kotak adsense melayang di blogspot:

  • Langsung menuju TKP, dashbord =>> rancangan =>> edit html, klik expand template widget.
  • Cari kode </head> dan salin kode di bawah ini di atasnya.
 <script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>
  • Langkah kedua pasang kode CSS berikut ini di atas kode ]]></b:skin>, untuk ukuran bisa di sesuaikan.
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
  •  Simpan pekerjaan anda.
  • Selanjutnya kita menuju TKP yang ke-2 di dashbord =>>  rancangan =>> elemen halaman
  • Klik tambahkan gadget dan pilih gadget text/html.
  • Masukan kode di bawah ini
<div id="topbar">
Masukan kode Adsense anda di sini
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>
</div>
  • Ganti kalimat biru dengan kode adsense anda dan simpan.
         Selamat mencoba dan salam sukses.

0 comments:

Post a Comment