Tips Simple Cara Membuat Iklan Melayang dengan Tombol Close

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.

1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. 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>

<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 onclick=”showHideGB()”> </div>

<div>

<div style=”text-align:right”>

<a href=”javascript:showHideGB()”>

.:[Close][Klik 2x]:.

</a>

</div>


<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type=”text/javascript”>

var gb = document.getElementById(“gb”);

gb.style.center = (30-gb.offsetWidth).toString() + “px”;

</script></center></div></div>

Simpan, dan lihat hasilnya

Posted in: Tutorial