Membuat Iklan melayang di blog

     Pasti tau kan apa yang di maksud dengan iklan melayang di blog? yap sebuah iklan yang melayang dan akan mengikuti kemana pun anda pergi selama masih di dalam website itu. dan untuk menutup nya bisa menggunakan tombol close.

Sebuah blog yang mengoptimasi pendapatannya melalui PPC memang banyak yang menggunakan hal ini untuk menaikan jumlah klik nya. tetapi menurut beberapa sumber iklan ini cukup mengganggu dan tidak patut untuk di tampilkan.

Tetapi bagi anda yang ingin mencoba iklan melayang ini memang gak ada salah nya kan? wong cuma mau nyoba dan praktek aja hahahah.

Mari kita bahas tentang cara nya :

1.Buka dashboard anda
2. Menuju ke design- dan Tambah element
3. Add a gadget
4. Pilih java script/ Html
5. Masukan kode berikut :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ4xzVtYQP9JyG2O0D_fB6_MGCkdZJZzH4U3v7s0v7aKZJbs2BiVr85cvlR8QP811nSHnj82FWPj72nvHEdauFSB1i-906gljPmMeClvBjwjoARRunq2pLS3vpOp9xgw-ZfwmMsQI5NSZX/" title="Klik iklan tersebut untuk menutup" alt="tutup" />:.
</a>
</div>
<center>

SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

6. Nah sekarang letakan script agan dengan mengganti tulisan yang berwarna merah menjadi script yang agan mau tampilkan.
7. Save

Nah sekarang blog anda sudah ada iklan melayangnnya, hebat bukan?


Recommended Posts :

2 comments:

IstanaDownload said...

mas bro.. kok widget follwers nya gak ada? ya gak bisa di foll back donk neh critanya.???

thanks dah follow istanadownload.blogspot.com
mampir lagi ya mas broo ^_^

hartanjayalanglang said...

lagi dalam proses perbaikan mas bro hehehe

Post a Comment - Back to Content

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))