Minggu, 06 Maret 2011

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 : ntuk lebar ( ubisa 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
Selamat mencoba......

cara menambah Floating Ads pada blog, langkah membuat Floating Ads di blogger, tutorial Floating Ads pada blog, Floating Ads tutor, cara memasang Floating Ads pada blogspot, tips membuat Floating Ads.

Tidak ada komentar:

Poskan Komentar