Thursday, 19 September 2013

Script Membuat Iklan Melayang dengan Tombol Close 1x dan 2x

Bisnis sudah tidak lagi dilakukan di dunia nyata saja, karena kita juga dapat berbisnis di dunia maya alias bisnis online. Salah satu bentuk program bisnis online yang terkenal adalah PPC atau Paid Per Click. Cara kerja PPC adalah dengan cara menyematkan iklan berupa gambar banner atau teks di website lain yang apabila iklan tersebut di click maka website yang bersangkutan akan dibayar oleh pemasang iklan. Nah salah satu strategi untuk mendapat klik terhadap iklan yang kita pasang adalah dengan cara membuat iklan tersebut tampil melayang secara dinamis, tidak hanya diam di tempat di bagian sidebar website kita. Berikut script untuk membuat iklan melayang di website :
IKLAN MELAYANG DENGAN TOMBOL CLOSE 1X ( Sekali klik iklan langsung ditutup ) 
<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>
MASUKAN KODE IKLAN DISINI
</center>
<script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (30-gb.offsetWidth).toString() + "px";</script></center></div></div>

IKLAN DENGAN TOMBOL CLOSE 2X ( Klik 2 kali untuk menutup iklan )
<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}

.gbcontent{float:right;
background:transparant;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:left"><a href="javascript:showHideGB()">[Close]</a></div><center>
MASUKAN KODE IKLAN DISINI
</center>
<script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (20-gb.offsetWidth).toString() + "px";</script></div></div>
Lalu apa yang harus dilakukan setelah anda mengcopy script diatas? Anda harus mem-paste script tersbut di website milik anda. Untuk Blogger paste script terbut di Dashboard >> Tata Letak >> Tambah Gadget > HTML/Javascript. 

5 comments:

Berkomentarlah secara baik dan sopan , hindari pesan SARA dan SPAM.
Saya ucapkan banyak termakasih atas komentar yang anda tinggalkan. ^_^