Pasang Iklan Atau Gambar Melayang Di Blog

Keymaster Solution. pda artikel ini saya akan memberi tahu kamu cara untuk membuat iklan atau gambar melayang di blog. dan berikut adalah langkah langkahnya

masuk ke blog kamu dan pada bagian layout tambag a gadget dan pilih html/javascript
masukkan kode berikut  dan simpan

<style type="text/css">
    #gb{
    position:fixed;
    top:100px;
    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>





<a href="#"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIaKIj4nRKKfrPFI_McfyA1Hvw7yJDifP5jMxEsP69MssDfYlir4zLuDf4rxM07p1exXbsT4EIFStubMuMVk_4nDkw1Vb5f0-bmnrqrvZuo1C12DTpMBd5CW7ym_pYgjOG_GZX-Lvv8jMz/s1600/cukai+rokok.jpg" width="300" /></a>




 </center>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>


CATATAN : Teks Warna merah ada link target
Teks Warna Hijau adalah link gambar yang tampil
Previous Post Next Post