Membuat iklan melayang (flying ads)




Membuat iklan melayang (flying ads)
Karena tertarik untuk membuat iklan melayang diblog ini akhirnya saya coba juga  deh, sapa tau dapat meningkatkan klik he..he..namanya juga usaha semua harus dicoba, namun kekurangannya mungkin pengunjung akan sedikit terganggu dikarenakan kemunculan iklan tersebut setiap kali membuka halaman blog tersebut dan harus melakukan klik 2 kali pada tombol close untuk menghilangkannya disamping kekurangan tersebut banyak pula kelebihannya diantaranya pengunjung akan langsung tertuju pada iklan yang tampil tersebut jadi kemungkinan besar iklan akan mendapatkan klik. hemmm pasang atau copot ya jadi bingung...dahlah dicoba gak ada salahnya.
Berikut cara membuat iklan melayang :

1. Login ke blogger
2. Klik Dasboard
3. Klik Rancangan
4. Klik Tambah widget
5. Cari HTML/java script kemudian klik tanda (+) plus pada HTML/javasript
6. Copy dan paste kode dibawah ini kedalam kolom yang tersedia


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

.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
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">Klik 2 kali untuk keluar
<a href="javascript:showHideGB()">
<img src="http://4.bp.blogspot.com/_GahFmxh_9cI/TOeN8J2hRMI/AAAAAAAAA1U/E7SWcAOkYgU/s1600/Close.png" />
</a>
</div>
<center>

"Kode Iklan disini!"

</center>

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


7. Klik simpan

Keterangan : Masukkan kode iklan pada tulisan "Kode Iklan disini!" Kamu bisa merubah tampilan seperti background dan juga posisinya :
top:200px posisi dari atas bisa disesuaikan dengan selera
left:250px posisi dari kiri bisa disesuaikan dengan selera



1 comment: