Cara Membuat Iklan Melayang Lengkap Dengan Tombol Close

Pada postingan kali ini kita akan membahasa tentang membuat box iklan melayang. Tentunya apabila iklan yang melayang di blog akan mudah untuk di lihat oleh pengunjung dan apabila ternyata pengunjung tidak berkenan melihatnya pengunjung pun bisa mengklik tombol CLOSE yang telah ada. Trik ini sebenarnya sudah umum sekali dan banyak digunakan dan saya juga mendapatkannya dari blog Mas O-OM.
Ok, simak caranya:
1.Login Ke Blogger.
2.Klik Tata Letak.
3.Klik Element Halaman.
4.Klik Tambah Gadget dan pilih HTML / JAVASCRIPT .

5.Copy dan Paste Kode Berikut Di Dalamnya.
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" "" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a> <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; 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()">
.:[Close][Klik 2x]:. </a> </div> <center>
<script src="http://kumpulblogger.com/scahor.php?b=190266&onlytitle=1" type="text/javascript"></script>
</center> <script type="text/javascript"> var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
6.Ganti teks yang berwarna merah dengan script iklan sobat
7.Jangan lupa simpan

4 comments

nanti kalau dah banyak pengunjungnya saya bisa memakainya di blog
trims

Reply

sekarang juga boleh sob hehehe...

Reply

terima kasih infonya sob.
sungguh kreatif sekali dan template blog anda simple.
dan sepertinya anda mempunyai kelebihan tersendiri.
bila ada waktu saya akan berkunjung lagi sob :)


#Semoga Sehat Selalu :)

Reply

silahkan sob
salam blogger :)

Reply

Post a Comment

W a r n i n g !
Komentar anda tidak boleh mengandung unsur:
- Penghinaan atau Pelecehan.
- Spamming (Spam Comment).
- Link Aktif atau Anchor Text, dan sejenisnya.

Komentar akan muncul setelah di setujui.
Tulislah setiap kata dengan penuh kesopanan.

Terima kasih untuk kunjungannya.