Cara membuat Floating Ads di blog anda

Cara membuat floating ads di blog anda itu lah topik pembahasan kita hari ini. pasti sudah banyak yang mengerti apa yang dimaksud dengan floating ads bukan? Bagi yang belum mengerti jangan khwatir akan saya terangkan terlebih dahulu.

yang dimaksud dengan floating ads itu adalah sebuah iklan yang mengembang dilayar blog anda secara tiba-tiba muncul. lihat contoh disini, yang posisinya baik diatas maupun dibawah blog anda (tergantung keinginan) yang akan tampil jika tidak di CLOSE (tutup). Nah dengan adanya Floating ads ini sangat bermanfaat bagi anda yang mempunyai iklan per klik. salain tampilan nya yang menarik tentunya memberi keuntungan bagi anda sendiri, karna iklan anda akan mudah terlihat oleh pengunjug. Nah untuk memasangnya sangat lah mudah.

Berikut cara-cara menambah float ads diblog:

    Login dulu ke account blogger anda
    Tata Letak
    Kemudian di elemen pilih tambah gadget
    Kemudian pilih Java script/ HTML
    Dan copy paste kode dibawah ini

    <style type="text/css">
    #topbar{
    position:absolute;
    border: 2px red;
    padding: 2px;
    background-color: transfarent;
    width: 700px;
    visibility: hidden;
    z-index: 100;
    }
    </style>

    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>
    <div class="clear"></div>
    <div id="topbar">
    <a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>X</button></span></a><a style="font-weight: bold; color: black(51, 255, 51);"> << CLOSE
    </a><p><a style="font-weight: bold; color: black(51, 255, 51);" title="cara mudah dapatkan uang dari internet">Iklan sponsor blog ini</a>

    </p><center><script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script></center>

    <p></p><p></p></div>
    Kemudian simpan
    Jika cara di atas tidak berhasil klik link berikut ini
    Copy paste kode di dalam file Notepad tersebut dan ikuti langkah-langkah nya seperti cara di atas

Catatan

    Background-color : warna dinding (bisa diganti)
    Width : untuk lebar ( bisa diganti)
    CLOSE/Iklan sponsor blog ini : ganti dengan kata yang anda inginkan atau bisa anda hapus
    Yang paling terpenting yang harus anda ganti dengan kode iklan yang anda punya

    <script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script>
    Selebih nya bisa anda modif sendiri sesuai dengan yang anda inginkan

Tidak ada komentar:

Related Posts Plugin for WordPress, Blogger...