Menampilkan iklan di blog, web, memang salah satu cara meraup rupiah ataupun dollar melalui internet. Bagaimana iklan kita itu bisa di klik pengunjung??? tentu saja banyak cara dan trik, untuk itu akan saya sampaikan tentang bagaimana cara membuat iklan melayang yang dilengkapi dengan close secara sederhana.
Silahkan sobat gagal maksud langsung saja ke bagian tata letak, setelah itu silahkan sobat menambahkan Gadget dimana saja/sembarang tempat, lalu pilih HTML/Javascript, dan yang terakhir silahkan paste kan kode berikut ini dan jangan lupa pasang juga kode iklan yang mau sobat pasang.
<style type="text/css">
#gb{
position:fixed;
top:10px;right: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>
Tempatkan kode iklan sobat disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Sekian dulu dari saya semoga dengan cara ini bisa meningkatkan proses pengumpulan dollar heheheheee.....
Silahkan sobat gagal maksud langsung saja ke bagian tata letak, setelah itu silahkan sobat menambahkan Gadget dimana saja/sembarang tempat, lalu pilih HTML/Javascript, dan yang terakhir silahkan paste kan kode berikut ini dan jangan lupa pasang juga kode iklan yang mau sobat pasang.
<style type="text/css">
#gb{
position:fixed;
top:10px;right: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>
Tempatkan kode iklan sobat disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Sekian dulu dari saya semoga dengan cara ini bisa meningkatkan proses pengumpulan dollar heheheheee.....
Terima kasih banget nih bang atas tutornya..hahahyyy
BalasHapuswoke,, semoga bermanfaat gan... nih saya juga masih belajar
Hapus