Jika sobat berkunjung ke suatu blog, kadang kita ketemu dengan iklan yang melayang. Iklan yang melayang tersebut namanya Floating Box
Lihat gambar diatas, kotak yang berwarna merah muda adalah elemen floating box yang akan tetap di pojok kanan atas jika scroll di geser-geser kebawah atau keatas.
Untuk membuatnya mudah saja,
Pertama Log In ke blogger lalu masuk menu "Layout" Kemudian Masuk bagian "Edit HTML"
Pasang kode ini dibawah code <head>
<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>
Dan pasang Code CSS berikut ini diatas kode ]]></b:skin>
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
Kemudian di Save. Selanjutnya masuk "Layout " dan klik "Page Elements"
Pilih Gadget untuk memasang floating box (terserah karena box ini akan melayang) dengan mengklik "Add a gadget" Masukkan code dibawah ini
<div id="topbar">
MASUKKAN CODE SCRIPT ADS / LAINYA DISINI
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>
</div>
MASUKKAN CODE SCRIPT ADS / LAINYA DISINI
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>
</div>
Ganti kode yang berwarna merah diatas dengan kode script adsense milik sobat. selanjutnya klik save.
Selamat mencoba.
0 comments:
Posting Komentar