Cara Membuat iklan Melayang di Sisi Kanan Blog

Ada berbagai cara yang di lakukan oleh para blogger untuk memaksimalkan pendapatan dari blog, salah satunya dengan menggabungkan script iklan dengan kode-kode tertentu sehingga iklan yang kita pasang akan melayang di blog, sehingga mau tak mau pengunjung akan melihat iklan yang kita pasang di blog.
iklan melayang di blog akan hilang jika pengunjung mengklik tombol X(close) di pojok kanan atas iklan yang kita pasang.

dan pada kesempatan ini saya akan berbagi tutorial membuat iklan melayang di sisi kanan blog, contohnya seperti gambar di bawah ini.

untuk membuat iklan melayang di sebalh blog seperti pada gambar di atas anda hanya perlu menggabungkan script/kode iklan dengan kode di bawah 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> KODE SCRIPT IKLAN <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></center> </div> </div>

Keterangan : ganti tulisan KODE SCRIPT IKLAN di atas dengan kode iklan kalian

cara pasangnya
1. login di blogger[dot]com
2. tata letak
3. tambah gadget
4. pilih HTML/javascript kemudian pastekan kodenya
5. klik simpan.

selamat mencoba dan semoga berhasil.

sumber

Related Post:

tutorial blog

• PENYEBAB ANJLOKNYA PERINGKAT BLOG
• Contoh Penulisan KODE Background Image
• Daftar widget keren untuk blogger
• Cara mudah Bikin Template Blog Sendiri
• Cara Termudah Membuat Slider Popular Post
• Cara Cepat dan Akurat Memantau Pengunjung Blog/ Website
• Tips Cara Membuat Animasi Semut berjalan di blog
• Cara Mudah Memasang Iklan Melayang di Bawah Footer Blog dengan tombol Close
• Cara Memasang Widget Admin Blog Lagi Online dan Offline
• Cara Mudah Memasang Widget Radio Online Multy Chanel Di Blog/Website
• Cara Memasang Siaran Radio Online di Blog
• Membuat Gambar dan Keterangan di atas Kotak Komentar blog
• Cara Mengetahui Harga Jual Sebuah Blog/Website
• cara mudah membuat judul blog kita berjalan di atas postingan blog
• Cara Mudah dan cepat Pasang TV Online di Blog
• Cara Melaporkan Blog yang Copas tanpa izin Agar di Hapus Google
• Menambah Kolom Diatas dan Dibawah Postingan Blog
• Cara Membuat Tweet Box Dibawah Postingan
• Membuat 3 Kolom di Bawah Header Blogspot
• Cara Membuat Tombol Share di Bawah Postingan Blog
• Cara membuat widget reader di postingan blog
• Cara Memasang Like / Share Button di Setiap Postingan Blogger
• Cara Pasang Widget Lintaskan/Lintas Me di Blog
• Cara membuat link otomatis di blogger