cara membuat iklan dengan melayang tombol close

Cara membuat iklan melayang dengan tombol closenya , nih ada beberapa tahap dalam membuat iklan dengan tombol close. dengan tombol close ini pengunjung jadi tidak diberatkan atau di rugikan aka penuhnya iklan pada blog kita. simak yah beberapa tahap dalam membuat iklan melayang :
  1. Masuk ke Tab Tata Letak.
  2. Pilih Elemen Halaman.
  3. Klik Tambah Gadget.
  4. Pilih HTML Javascrib.
  5. Copy kode di bawah ini :
        <a onblur="try {parent.
        deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLtiaq7N3qBy-iqDQw9aCyZbDDlb58A4MQvtndAE8EhNh2zNaicT60v1TyuZuZ4LJZwfGOh5i9pXgRN2GMVHw8rkgoBjYRfEu0CJwLGZJ_HQW7rSDo2iYpZo6wlGOOZW9cYLn3wUtsZ0/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/AVvXsEjkLtiaq7N3qBy-iqDQw9aCyZbDDlb58A4MQvtndAE8EhNh2zNaicT60v1TyuZuZ4LJZwfGOh5i9pXgRN2GMVHw8rkgoBjYRfEu0CJwLGZJ_HQW7rSDo2iYpZo6wlGOOZW9cYLn3wUtsZ0/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> 


6. Klik Simpan dan selesei.gampangkan , asal mau mecoba pasti bisa deh.
terimakasih

0 comments:

Posting Komentar

berikan komentar anda disini...
Terimakasih atas komentar anda...