Pages

Rabu, 22 Agustus 2012

Cara Mudah Membuat Iklan Melayang Dengan Tombol Close | Tips Blogspot | Iklan Melayang Di Blog Dengan Tombol Close

Cara Membuat Iklan Melayang Di Blog Dengan Tombol Close | Tips Blogspot | Iklan Melayang Di Blog Dengan Tombol Close - 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 caranya, Berikut Cara Membuat Iklan Melayang Di Blog Dengan Tombol Close :
  1. Login Ke Blogger

  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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9eR6UOZPiE69HfOGDhltxTcbf5qrIOGU8EeuY1yM53FrInflKupvMRjXPjLy_9wX6mumT9nNMWW-ojJUkyfADwT19nmABiANX0on2ywMj1s7LBUVXdbpcScuuxkRMXN-rv7EZ8tbSLzA/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9eR6UOZPiE69HfOGDhltxTcbf5qrIOGU8EeuY1yM53FrInflKupvMRjXPjLy_9wX6mumT9nNMWW-ojJUkyfADwT19nmABiANX0on2ywMj1s7LBUVXdbpcScuuxkRMXN-rv7EZ8tbSLzA/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>




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



    Selesei.


Semoga Cara Membuat Iklan Melayang Di Blog Dengan Tombol Close | Tips Blogspot | Iklan Melayang di Blog Dengan Tombol Close bisa bermanfaat untuk blog sobat dan jangan lupa tambahkan jaringan temanmu di KBG,...

0 komentar:

Posting Komentar