Translate This Blog

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Kamis, 31 Mei 2012

Cara Membuat Iklan Melayang Dengan Tombol Close

Cara Membuat Iklan Melayang Dengan Tombol Close | Tips Blogspot | Iklan Melayang di Blog >>> Cara Membuat Iklan Melayang di blog, memang setau saya ada yang lebih rumit menggunakan banyak kode - kodenya, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok Mungkin rekan blogger pernah melihat tutorial ini tentang kolom blog gratis akan segera memberikan tutorialnya, Berikut Cara Membuat Iklan Melayang Dengan Tombol Close :
  1. Login Ke Blogger.com dengan ID anda.
  2. Masuk ke Tab Tata Letak.
  3. Pilih Elemen Halaman.
  4. Klik Tambah Gadget.
  5. Pilih HTML Javascrib.
  6. Copy kode di bawah ini :

    <a onblur="try {parent.
    deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

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

    Masukkan Kode iklan anda di sini.

    </center>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></center></div></div>
  7. Klik Simpan dan selesei.
Semoga Tips Cara Membuat Iklan Melayang Dengan Tombol Close bisa bermanfaat untuk blog anda dan jang lupa follow up me ( tambahkan jaringan temanmu di klom blog gratis ).

0 komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...
Blogger Gadgets