Iklan Melayang 1x Close
Berlanjut dari posting kemarin tentang Membuat Iklan Melayang di Blog pada postingan kali ini fajri juga akan posting cara Membuat Iklan Melayang Juga... (Loh. sama? kok dipostinglagi)Postingan kali ini berbeda dengan yang sebelumnya. Yang membedakannya hanya waktu tayangnya saja. Jika seblumnya sobat telah mencoba Iklan Melayang di Blog pasti iklan tersebut akan muncul 2x. Tapi pada postingan kali ini, Iklan melayang tersebut akan muncul hanya satu kali. Sehingga para pembaca kamu tidak terlalu terganggu.. Untuk Membuatnya cukuplah mudah.. Silahkan Copy kode dibawah ini pada element blog sobat :
<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;}
.gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style>
<script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir-100; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right"> <a href="javascript:showHideGB()"> ..::<b>[CLOSE/TUTUP]</b>::.. </a> </div> <center>
[ Masukkan Iklannya Disini Nih ]
</center>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
Pasti bisa semua kok bikinnya... Selamat mencoba !
0 komentar:
Posting Komentar
Please write your comments here.Thanks.