Grab this widget at Ilmu Buat Blog .:[CLOSE]:.
Konsultan Pajak wirausaha online

Monday, December 6, 2010

Cara Membuat Banner/Iklan Melayang (Flying Banner)

Share artikel ini:
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!

18 comments:

  1. Nice info gan, ane izin copy yah..!
    Tapi bukankah di adsense camp ada larangan :

    # Web owner dilarang memasang tampilan iklan dengan menutupi sebagian atau seluruh content blog.

    # Web owner dilarang memasang iklan yang bergerak mengikuti scrollbar.

    ReplyDelete
  2. Memang benar, pada TOS adsensecamp (No. 14 dan 15) memang melarang pemasangan iklan dengan metode flying banner seperti ini.

    ReplyDelete
  3. iya gan sekarang tricks kayak gini dilarang kayaknya..

    ReplyDelete
  4. hmmm.. nice to try it, thanks a lot for your information bloggerman...

    ReplyDelete
  5. hem,, bagus,, udah saya coba mas,,
    tapi,, pegimane ya, agar iklan ane di klik dengan cara dengan mengklik iklan, iklan melayang diatas ntuh ilang dan hanya postingan ane yang ada ntarnya,,
    ya begitu lah,, ngerti kan?
    bagaimana ya mas?
    bantuin donk?

    ReplyDelete
  6. kok aku masih bingung letaknya ya... masih buta scrip...cara menyisipkanNya bingung..kasih contoh donk...trs buat letak foto bannernya di kode yg mana.. T_T

    ReplyDelete
  7. Vera, apakah sudah mengerti bahwa script tersebut di atas seluruhnya di copy paste ke widget html/javascript (kalau dari blogspot, buka "Design" -> "Page Element" -> kemudian tambahkan widget ("add widget"): "HTML/Javascript.
    Pilih salah satu script di atas, apakah Anda ingin yg script No. 1 atau yg No. 2.

    Setelah di-paste, maka baris tulisan yang berwarna merah tersebut Anda ganti dengan script milik Anda sendiri:
    - "sisipkan kode script iklan atau banner yang ingin Anda tampilkan, pada bagian ini" -> ganti dengan script iklan milik Anda, misalkan Script Google Adsense, script AdsenseCamp, script idblognetwork dan sebagainya.

    - "http://www.namablog.Anda" ganti dengan url blog Anda.

    ReplyDelete
  8. Gan kok iklannya setelah di klik kok tetep ada yach????? ga mau hilang

    ReplyDelete
  9. Maksudnya "tidak mau hilang" setelah klik tombol close? Apakah Anda menggunakan script untuk iklan yang tombol closenya 1 kali klik (script di nomor 1) atau untuk tombol closenya 2 kali klik (script di nomor 2)? Apabila untuk yang script nomor 2 (2 kali klik), maka tombol close harus 2 kali di klik baru bisa hilang.
    Atau mungkin juga javascript di browser Anda belum diaktifkan, sehingga ketika di close, banner ini tidak bisa menghilang.
    Apakah bannar iklan melayang di blog saya ini tambil di browser komputer Anda? Dan apakah dapat di close? Apabila tidak bisa, artinya javascriptnya belum diaktifkan.

    ReplyDelete
  10. Ini yang selama 2 hari ini aku carii, maksih dan mantap telah membagi ilmunya , makasih makasih makasih... ya semoga sukses selalu... Budi - Kejam

    ReplyDelete
  11. ane liat-liat dolo gan, lagi nyari yang meti klik iklan baru hilang iklan melayang nya heheh.
    mampir juga
    kumpulan solusi servis ponsel

    ReplyDelete
  12. GAN AKU CARRI SCRIPT IKLAN MELAYANG , YANG CLOSED JIKA KITA KLIK IKLANNYA.
    AGAN BISA BANTU SAYA?
    TOLONG GAN, UDAH LAMA NYARI SCRIPT ITU :'(

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. gan gimana cara buat script kita tidak tetap atau bergerak saat halaman diturunkan scrip dgn sendirinya naik dan menjadikan script kita transparant, ada lg gan bisa gak kalau script kita di klik 1x tapi jumlah nya bisa 10x.
    http://Azanul88.blogspot.com.
    http://ilmudanharta.blogspot.com

    ReplyDelete

Pasang Iklan Di Sini Rp 100.000

Mobil bekas Rumah dijual Kontak jodoh

Dapatkan Rekening Online - Paypal Mata Uang Rupiah di sini:

    Belajar Pajak

    Berburukuliner

    Berburu Kuliner

    Ilmu Buat Blog