Tips Simple Cara Membuat Iklan Melayang dengan Tombol Close

Selasa, 18 Oktober 2011

Tips Simple Cara Membuat Iklan Melayang dengan Tombol Close

16.13

Unknown

Kumpulan tips ngeblog kali ini mau berbagi tips ngeblog yang berhubungan dengan iklan. Bagi Anda yang mempunyai blog yang rame pengunjung tidak ada salahnya kalau selain blog digunakan untuk menulis dan berbagi sesuatu baik cerita maupun tips dan trik, Anda jadikan sebagai tempat mencari uang di internet.
Yups dengan traffic yang rame pasti pendapatan akan mendatangi Anda dengan sendirinya. Nah ini saya mempunyai trik membuat iklan melayang dengan tombol close, yang mana trik iklan ini kelanjutan dari cara mebuat frame iklan dengan show/hide javascript. Memang trik kali ini adalah pengembangan atau trik yang simple, untuk caranya mari kita pelajari bersama-sama.

Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya…

<a onblur=”try {parent.
    deselectBloggerImageGracefully();} catch(e) {}” href=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYRugjZEZbEb94Z5r-EdiLYLWzWAY58Vx4U6jEb7om8PGOn0PL1R0bOB3KFdeyWNb1IiYz6ln3EBGfEMii-vEwciH75rvBi3mWfW9xKhrffF1v_3z0YOWWkuIGYfqRGl4h5x_4fiTVThs/s1600-h/Widget.JPG”><img style=”margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;” src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYRugjZEZbEb94Z5r-EdiLYLWzWAY58Vx4U6jEb7om8PGOn0PL1R0bOB3KFdeyWNb1IiYz6ln3EBGfEMii-vEwciH75rvBi3mWfW9xKhrffF1v_3z0YOWWkuIGYfqRGl4h5x_4fiTVThs/s400/Widget.JPG” alt=”" id=”BLOGGER_PHOTO_ID_5433478876639914642″ border=”0″ /></a><br />
<br />
<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><br />
<br />
<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><br />
<br />
<div id=”gb”><br />
<div onclick=”showHideGB()”></div><br />
<div><br />
<div style=”text-align:right”><a href=”javascript:showHideGB()”><br />
.:[Close][Klik 2x]:.<br />
</a><br />
</div><center><br />
<br />
Masukan Kode iklan atau Gambar yang anda inginkan di sini<br />
<br />
</center><br />
<br />
<script type=”text/javascript”>
    var gb = document.getElementById(“gb”);
    gb.style.center = (30-gb.offsetWidth).toString() + “px”;
    </script></div></div>

Simpan dan lihat hasilnya