Belajar Membuat Blog

Thursday, September 27, 2012

Cara Pasang Iklan Melayang Dengan Tombol Klose

Cara pasang atau memasang iklan melayang agar bisa tampil di depan setiap halaman blog atau website - Apakah anda ingin menampilkan iklan di depan halaman blog anda? Apakah anda ingin setiap pengunjung blog anda mau mengklik iklan di setiap halaman blog anda? Setiap blogger biasanya akan menggunakan segala macam cara agar para pembaca atau pengunjung blog nya mau mengklik iklan yang ada di setiap halaman blog nya. Dengan begitu para blogger akan mendapatkan uang dari penyedia layanan iklan tersebut seperti kumpulblogger.com atau iklanperklik.com yang membayar setiap ada pengunjung yang sengaja maupun tidak sengaja mau megklik iklan tersebut.

OK sekarang saya akan memberi tips cara membuat iklan melayang dengan tombol close di depan halaman blog anda dengan mudah seperti gambar dibawah ini.


 
Ok sekarang kita mulai saja tutorialnya.


  1. Pertama login dulu ke blog anda di www.blogger.com
  2. Setelah itu klik Rancangan
  3. Lalu Klik Tambah Gadget 
  4. Pilih HTML/java script
  5. Kemudian masukkan kode berikut


    <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></div></div>

  6. Setelah selesai klik Simpan

Catatan:
  • Masukkan kode script iklan anda tepat pada tulisan yang berwarna merah di atas
  • Jika anda ingin merubah warna backgroundnya menjadi transparan, anda tinggal menganti kode ini background:#ffffff; dengan kode bgcolor:transparent;

Cara Pasang Iklan Melayang Dengan Tombol Klose Rating: 4.5 Diposkan Oleh: Unknown

0 comments:

Post a Comment