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:
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.