Cara Membuat Banner/Iklan Melayang (Flying Banner)

Iklan merupakan sumber utama untuk pembiayaan sebuah blog. Para blogger akan tetap semangat untuk meng-update blog-nya karena blog yang dikelolanya tersebut dapat menghasilkan uang (termasuk juga penulis yang menulis di blog ini). Penghasilan yang diperoleh berasal dari para pengunjung yang baik secara sengaja maupun tidak sengaja meng-klik iklan yang tampil pada blog yang sedang dibacanya.
Memang pada umumnya suatu iklan yang ada di blog terasa mengganggu para pembaca. Bahkan pembaca sering merasa bahwa iklan-iklan tersebut adalah merupakan SPAM atau sesuatu yang dapat membahayakan apabila di-klik oleh pembaca. Sehingga para pembaca (terutama pembaca pemula, akan sangat menghindari untuk mengklik iklan tersebut). Padahal harapan dari pembuat blog adalah supaya sebanyak mungkin pengunjung yang telah merasakan manfaat dari blog tersebut berkenan untuk mengklik iklan yang ada di blog miliknya. Sama seperti penulis, yang sangat berterimakasih kepada pembaca yang telah mengklik iklan yang ada di blog milik penulis. Namun karena adanya ketentuan dari penerbit iklan, bahwa pemilik blog yang menampilkan iklan tersebut tidak boleh memaksa pembaca atau menyuruh pembaca untuk mengklik iklan, akhirnya pembuat blog hanyalah dapat berdoa agar kiranya ada pembaca yang berkenan untuk mengklik iklan.
Namun selain berdoa, para blogger sebenarnya juga memiliki beberapa kiat, agar dapat "menjebak" pembaca untuk mengklik iklan. Salah satu kiat untuk meningkatkan pengunjung yang akan mengklik iklan adalah dengan cara memasang iklan dalam bentuk banner yang melayang yang menutupi sebagian dari artikel blog, sehingga apabila pembaca menggeser scroll bar dari blog tersebut, iklan ini akan tetap mengikuti. Trik ini disebut sebagai memasang "Flying Banner" atau "banner yang melayang" (contoh seperti yang ada di blog ini).
Berikut ini penulis akan beberkan rahasia dan trik untuk membuat banner yang dapat melayang ini. Semoga rahasia ini dapat membantu rekan-rekan blogger untuk dapat menjaring penghasilan dari para pembaca (yang terkenal "agak pelit") untuk mengklik iklan, padahal jika mereka klik iklan tersebut, mereka tidak akan mengalami kerugian namun dapat membantu para blogger untuk mendapatkan sedikit recehan untuk dapat membiayai pengelolaan blognya.

1. Script melayang dengan tombol klik 1 kali untuk close

<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-100; 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"> Grab this widget at <a href="http://ilmubuat.blogspot.com/2010/12/cara-membuat-banneriklan-melayang.html">Ilmu Buat Blog</a> <a href="javascript:showHideGB()"> .:[CLOSE]:. </a> </div> <center>

sisipkan kode script iklan atau banner yang ingin Anda tampilkan, pada bagian ini

</center> <div style="text-align:left"> <a href="http://www.namablog.Anda"> </a> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (20-gb.offsetWidth).toString() + "px"; </script></center></div></div>

2. Script melayang dengan tombol klik 2 kali untuk close

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:0px 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:center"> <a href="javascript:showHideGB()"> <img src="http://www.fileden.com/ files/2009/10/12/2599919/close.gif" /> </a> </div> <center>

sisipkan kode script iklan atau banner yang ingin Anda tampilkan, pada bagian ini

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

Selamat Mencoba!