Membuat Iklan Dengan Tombol Close

Saturday, September 22, 2012


Mungkin anda telah menemukan banyak blog yang menyediakan tentang cara Membuat Iklan Dengan Tombol Close. Iklan melayang ini sangat menyebalkan bagi pengunjung blog karena tiap kali kita membuka link untuk membaca artikel lain iklan ini muncul dan harus mengikuti langkah-langkah atau mengkilk tombol close. He..he..he.. menyebalkan bukan?. Trik ini banyak kita temukan di blog-blog sekarang ini dan alasan satu-satunya yaitu agar pemilik blog mendapatkan komisi apabila kita mengklik iklan yang muncul seperti blogku ini terdapat banyak iklan hmmmm...... Tapi tak mengapa karena kita mencoba untuk mendapatkan penghasilan kecil-kecilan dengan mempublikasikan iklan mereka seperti penyedia iklan Adsense yang sangat terkenal sekarang ini, ada juga AdsenseCamp dan KumpulBlogger. Ah... lanjut saja, Cara membuat Iklan dengan tombol close ini saya dapat dari search engine om google dan saya sudah coba berjalan dengan baik. berikut contoh scriptnya.
  • Login di blog anda
  • klik tab "Tata Letak" -->> Tambah Gadget (HTML/JavaScript)
  • Copy Paste code dibawah ini :
<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>
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></div></div>
  • Simpan / save
  • Selesai.
Semoga Tutorial Iklan Melayang Dengan Tombol Close bisa membantu teman-teman bloger seperti pada blogku ini. ~Good luck~
Share this article :

Tips Blogger Dan Internet

Grab this Headline Animator

Artikel Terkait:



0 komentar:

Komentar Anda

ABOUT ME

About Blog

Blog ini menyediakan tips trick dan tutorial mengenai blogger dan javascript serta internet browsing yang telah di praktekkan di dalam membuat blog saya. Jadi bagi rekan-rekan yang pingin belajar silakan ikuti satu per satu konten atau postingan. Rekan-rekan yang membaca artikel ini mohon berikan komentar untuk membantu pengembangannya atau klik salah satu konten iklan sebagai rasa terima kasih atau bagikan blog ini kepada reken-rekan yang belum mengetahuinya, apabila rekan-rekan merasa terbantu dengan artikel yang ada.
Terima Kasih