rss

Cari Sepatu Keren??

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:

5 comments:

Aneka Aromatherapy on Thursday, October 21, 2010 7:44:00 AM said... Reply

thanks ya tipsnya..

hamz/pakdani on Sunday, October 24, 2010 5:10:00 PM said... Reply

@Aneka Aromatherapy
sama-sama sobat

Nofianto on Thursday, November 11, 2010 8:49:00 AM said... Reply

Mkasih infonya bos.. Kalo ada waktu silahkan berkunjung ke http://nofianto777.blogspot.com/

Obat Kuat Alami on Sunday, January 20, 2013 4:53:00 PM said... Reply

dicoba doeloe pak....

Vimax Original Pembesar Mr.P Herbal on Thursday, August 13, 2015 2:40:00 AM said... Reply

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com


Post a Comment

Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.

Sub Menu

  • 1. Membuat Teks Berkedip
  • 2. Menambah Elemen di Atas dan Bawah Posting
  • 3. Menambah Dua Elemen di Bawah Sidebar
  • 4. Kotak Komentar Blogger Bermasalah
  • 5. Membuat Teks Bergerak Pada Blogger
  • 6. Membuat Tabel Pada Blogger
  • 7. Cara Membuat Scrollbox pada Blogger
  • 8. Fungsi New Pages Pada Blogspot
  • 9. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 10. Membagi 2 Kolom Sidebar Blog
  • 11. Cara Memperlebar Halaman Blog
  • 12. Mengatur Perataan Posting Artikel
  • 13. Membuat Menu Dropdown Pada Arsip
  • 14. Blogger Sudah Support Fungsi Readmore
  • 15. Menambahkan Web Counter
  • 16. Cara Mendaftar dalam Blogspot
  • 17. Membuat Emotion Pada Blogger
  • 18. Memasang Yahoo Messenger Emotion
  • 19. Membuat Background Posting
  • 20. Membuat Menu Tab View Pada Blogger
  • 21. Cara Mengganti Icon Pada Address Bar
  • 22. Cara Memasang Gambar Berbingkai
  • 23. Cara Membuat Tombol Facebook Like di Blogger
  • 24. Cara Membuat Related Post Dengan Fungsi Scroll
  • 25. Membuat Border dan Kotak Pada Postingan
  • 26. Cara Membuat Buku Tamu Melayang
  • 27. Membuat Iklan Melayang dengan Tombol Close
  • 28. Membuat Kata Sambutan, Penutup dan Pertanyaan Pada Blogger
  • 29. Memasang Widget Recent Post dengan Thumblnails
  • 30. Evolusi Blogger dari Tahun 1999 - 2009
  • 31. Tips Agar Blog Anda Mudah Diakses di HP
  • 32. Cara Memasang Retweet Button Pada Blogger
  • 33. Cara Memperbesar Image/Gambar Pada Postingan Blog
  • 34. Menambah Font dari Google Custom Pada Blogger
  • 35. Membackup Komentar di Blogger
  • 36. Koleksi Gratis RSS Feed Icon dan RSS Feed Vector Graphics
  • 37. Tips Menjadikan Blogger Unlimited Bandwidht/Loading Page Super Cepat
  • 38. Daftar 'Keyboard Shortcut' Untuk Posting di Blogger
  • 39. Mengganti Font Blogger dari Kernest.com
  • 40. Tips Seni Dalam Menulis Artikel di Blog Kita
  • 41. 8 Tips Menulis Artikel Blog Dalam Waktu 20 Menit
  • 42. 5 Tips Efektif dalam Menulis di Blog
  • 43. Mengenal Lebih Dekat Tentang SEO dengan SEO Dictionary
  • 44. 4 Situs Terbaik Bekapasitas 10GB Untuk Menyimpan Data Secara Online
  • 45. SEO adalah Kerangka, Konten adalah Otot, Sosial Media adalah Fisik
  • 46. Bagaimana Cara Kerja Google?
  • 47. Perbaharui Posting Lama Anda
  • 48. Mengapa Page Rank Blog/Web Jatuh?
  • 49. Share Buttons Milik Blogger
  • 50. Integrasi Antara Blogger dan Zemanta Gadget
  • 51. Gambaran Frekuensi Posting Blog kita
  • 52. Cara Mengatasi Blog Post dari Copy Paste
  • 53. Batas/Limit Kapasitas Akun Blogger
  • 54. Posting Blog Menggunakan Word 2010
  • 55. 6 Situs Foto Gratis untuk Blog Anda
  • 56. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 57. 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
  • 58. Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
  • 59. Generasi Blogger Masih Didominasi Oleh Kawula Muda
  • 60. Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
  • 61. Blogger Belajar Dari Harry Potter
  • 62. Trik Menampilkan Total Post, Comment, dan Online User
  • 63. 38 Jawaban SEO
  • 64. Trik Menampilkan Total Post, Comment, dan Online User
  • 65. Cara Mentransfer Akun Blog ke Akun Blog yang Lain
  • 66. Mengenal Fungsi Navbar di Blogger
  • 67. Cara Pasang Recent Posts Thumbnails Dengan Mudah
  • 68. Cara Memasang File Flash Di Blog Post
  • Popular Posts

    Shout it!