Membuat Iklan Melayang

Perjalanan mencari ilmu blog tidak akan pernah berhenti sampai disini. Terus akan berlanjut karena sumber ilmu di luar sana tidak akan pernah habis.hehehe...

Nah sekarang aku bagi lagi satu ilmu blog alias trik Membuat Iklan Melayang. Seperti apa sih iklan melayang itu? Itu lho..seperti kamu buka blog-ku ini pertama kali, muncul jendela iklan melayang yang kata sebagian orang cukup mengganggu. 

Oke langsung saja ke topik utama. Langkah-langkahnya adalah sebagai berikut, tapi ingat berdoa dulu ya.hehe.

• Login ke blogger kamu, kemudian ke menu Layout/Tata Letak
• Add widget, kemudian pilih HTML/Javascript
• Copy Paste script di  bawah ini

<style type="text/css">
#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #000000;

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>

Pasang script iklan anda disini

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

• Setelah itu, simpan widget dan lihat hasilnya. Keren kan??

Selamat Mencoba.
Sumber : Adipramana

Baca yang ini juga...