CARA PASANG IKLAN FLOATING MELAYANG 1 KALI CLOSE

Rahmat Hidayat
By -
7
Setelah membuat Cara Pasang Iklan Floating atau melayang pada blogspot Blogger dengan 2 kali klik tombol close, berikut Cara pasang iklan Floating atau iklan melayang dengan 1 kali tombol close, ikuti langkah pembuatan iklan floating 1 kali close berikut ini:
1. Login ke Blogger.com
2. Klik Design atau Tata Letak
3. Klik Add a Gadget
4. Klik add HTML / JavaScript
5. Copy dan paste code JavaScript berikut:

<style type="text/css">
#gb{
position:fixed;
top:3px;
right:3px;
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-100;
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 [Click 1 x]:.
</a>
</div>
<center>

==============Area Pasang Iklan anda ==============
<a href="http://www.anakciremai.com" target="_blank">Anakciremai
==============Area Pasang Iklan anda ==============
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>

6. Klik Save Template
7. Klik Save
8. Selesai

Untuk memberikan jarak antara tepi Browser dengan iklan anda yang perlu dirubah adalah kode di atas yang berwarna merah. right:3px; top:3px; ganti 3px dengan angka yang anda butuhkan.
Untuk mengganti background iklan melayang silahkan ganti kode di atas yang berwarna biru.
Untuk merubah posisi Iklan silahkan ganti kode berikut right:3px; dengan posisi anda misalnya left, center, right, lihat tanda warna Merah.
Tags:

Posting Komentar

7Komentar

  1. info keren....mau dicoba ah...

    BalasHapus
  2. Makasih infonya mastah langsung dicoba nih..

    BalasHapus
  3. Ketemu juga cara bikin iklan melayang makasih ea.

    BalasHapus
  4. mkasih..
    sukses di laksanakan...

    BalasHapus
  5. Next tutorial om..kunjungi blog saya dan minta solusinya

    BalasHapus
  6. Kereta mini: Siap bos, Blognya mantap bos, semoga sukses jualan kereta mininya.

    BalasHapus
Posting Komentar