Rabu, 27 November 2013

MEMBUAT IKLAN MELAYANG DI BLOG

Kali ini saya akan berbagi cara membuat iklan melayang di blog. Jadi jika ada pengunjung di blog  maka akan ada iklan yang melayang menutupi halaman blog. Sehingga mau gak mau pasti di klik atau kalau gak berkenan bisa di close 2 x. 

Adapun caranya adalah sbb :
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
  
    ini kodenya :

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLPPCZEkE430ufs0VdZqmpkMc6WPgVOa7OIgBDv6u24-0ob4e45flHYAA5z-3yBKi26hSRx0YpMkr6NayLpQAp3VH2ksNUAXOf6heSY6FEW-jIKGl_CZJAkRoLcyJInOf2Gs3V8Hm-t0/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

Apakah anda tertarik untu memasangnya...silahkan...Salam sukses.

Tidak ada komentar:

Posting Komentar