Membuat Iklan Melayang dengan Tombol Close

Saya 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=”http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s1600-h/Widget.JPG”><img style=”margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;” src=”http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/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

2 responses to this post.

  1. […] « Sekolah Bisnis Terbaik Tips Simple Cara Membuat Iklan Melayang dengan Tombol Close […]

    Reply

  2. Posted by bloggertips on December 9, 2010 at 11:41 pm

    keren ya bu… tapi link nya dah kehapus jadi gak keren😀

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: