Cara Membuat Iklan Melayang di Blog

Cara Membuat Iklan Melayang di Blog - Floating ads di blogspot / Cara memasang iklan melayang

Pada postingan artikel saya yang dulu saya telah menyampaikan Cara memasang iklan berjejer kesamping diatas dan dibawah posting dan kali ini saya akan menyampaikan mengenai Cara Membuat Iklan Melayang di Blog. Iklan melayang memiliki kelebihan dan kekurangan kelebihannya yaitu apabila kita memasang iklan melayang atau floating ads maka pengunjung akan dapat langsung melihat/mengetahui iklan tersebut. kekurangannya yaitu dapat mengganggu pengunjung apabila iklan yang ditampilkan tidak sesuai dengan apa yang di cari pengunjung. Selain itu mengakibatkan loading halaman menjadi lambat. Jika anda tertarik berikut ini adalah cara memasang floating ads di blog yang saya berikan berikut ini :

1. Pertama anda Login ke akun blogger.

2. Kemudian anda Klik Tata Letak --> Tambah Gadget --> Pilih HTML/Java Script.

3. Selanjutnya anda Copy dan paste kode berikut ini ke kotak konten HTML tersebut:

<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>

Pasang Kode Script anda di Sini

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></br><div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://temukancara.blogspot.com/" target="_blank">Temukan Cara</a></span></span></div></div></div>

 4. Langkah terakhir simpan.... dan selesai!

Demikian yang dapat saya sampaikan mengenai Cara membuat Iklan Melayang di blog. Semoga apa yang dapat saya sampaikan dapat bermanfaat buat anda.


$ SALAM TEMUKAN CARA $