Membuat Iklan Melayang dengan Tombol Close

Sebetulnya saya tidak terlalu suka ketika berkunjung ke sebuah blog atau website yang waktu dibuka kemudian muncul iklan yang menghalangi pandangan dan menyuruh kita untuk mengklik iklan tersebut... Terkesan memaksa dan memang untuk cari duit memang harus aga memaksa atau ngeyel kalo pa Ippho Santosa (Guru bisnis terkemuka Indonesia). Namun tidak ada salahnya jika kita ingin tahu bagaimana cara membuat Iklan melayang tersebut. Berguru memang tidak harus pada satu atau dua orang, tapi harus sebanyak-banyaknya. Termasuk saya menemukan jawaban ini dari blognya ... entahlah saya sendiri tidak kenal namun InsyaAllah pahalanya akan tetap mengalir pada beliau. Anda bisa kunjungi di http://ecaknyo.blogspot.com/ sama-sama blogger tapi jauh lebih senior dari saya.

Berikut langkah-langkahnya:

1. Loginlah ke Blogger -Design - Elemen Halaman -Tambah Gadget - HTML/Javascript. dan gadgetnya biarkan saja tanpa nama/judul...
2. Lalu CoPas Kode IKLAN MELAYANG dibawah ini ke dalam Gadget HTML/Javascript tadi...

<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 class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

PASTE KODE IKLAN MELAYANGNYA DISINI YA

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

3. Lalu klik Simpan gadget. Kemudian lihat hasilnya dengan Refresh Blog anda

Note :

> Posisi Gadget Melayang ini bisa kamu letakan dimana saja.. di atas / Bawah atau Kanan/ kiri.. aturlah secerdiknya kamu biar tampilnya nanti bagus..
> Tapi.. Jangan Menaruh Gadget ini satu bagian/daerah dengan gadget melayang lainnya.. karena mungkin bisa menyebabkan error..

Semoga sukses selalu sobat.

.::Related Posts:

Blogger Tips

• SEO Blogger Kini Lebih Mudah dan Praktis
• Cara Agar Memperoleh Banyak Backlink | SEO Blog Banyak Pengunjung
• Cara Mudah Membuat Random Post Sederhana
• Cara Mudah Membuat Related Post dengan Linkwithin
• Membuat banner animasi via picasion
• List Tool SEO penunjang SEO
• Cara Memasang File Flash Di Blog Post
• Cara Pasang Recent Posts Thumbnails Dengan Mudah
• Mengenal Fungsi Navbar di Blogger
• Cara Mentransfer Akun Blog ke Akun Blog yang Lain
• Trik Menampilkan Total Post, Comment, dan Online User
• Blogger Belajar Dari Harry Potter
• Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
• Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
• 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
• Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
• 6 Situs Foto Gratis untuk Blog Anda
• Posting Blog Menggunakan Word 2010
• Batas/Limit Kapasitas Akun Blogger
• Cara Mengatasi Blog Post dari Copy Paste
• Gambaran Frekuensi Posting Blog kita
• Integrasi Antara Blogger dan Zemanta Gadget
• Share Buttons Milik Blogger
• Bagaimana Cara Kerja Google?
• Mengapa Page Rank Blog/Web Jatuh?