Tutorial 69 : Letak Iklan Nuffnang Terapung

Assalamualaikum..slot tutorial 3 kali berturut-turut pasal cara nak pasang iklan nuffnang.
Kali ini aku nak ajar korang letak iklan nuffnang jenis terapung ( flouting ) bersama butang close.
Sesetengah blog memang ada letak iklan jenis terapung ni tapi non-ada butan tutup/close. Pada pendapat aku memang menyemak. Janganlah paksa orang sampai macam ini sekali nak tekan iklan engkau. Aku terus X je blog macam ni. Kalau orang nak tekan orang akan tekan je la..tak payah nak paksa bagaikan..sangat rimas dan menyemak!

Korang janganlah pasang iklan yang merimaskan macam itu, nanti lari lintang pukang reader korangkan.. Try je iklan ni kalau nak terapung-terapungkan iklan korang macam ikan lumba-lumba gitu.

Gadget iklan ni sesuai untuk jenis iklan Sidebar dan Large Rectangle (336 x 280px).

1. Sign in blogger > design/layout > page elements > add a gadget > and pilih HTML/Java Script .
2. Copy dan pastekan code di bawah :

       
    <style type='text/css'>
    #topbar{
    position:absolute;
    margin: 0px -23px;
    padding: 0px;
    width: 130px;
    visibility: hidden;
    z-index: 100;
    }
    </style>

    <script type="text/javascript">

    /***********************************************
    * Floating Top Bar script- &#169; Dynamic Drive (www.dynamicdrive.com)
    * Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    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.right=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.stayTopRight=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("stayTopRight()", 10);
    }
    ftlObj = ml("topbar");
    stayTopRight();
    }

    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 id="topbar">
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7wxsyuWhvFHxf1sEUfx9yKblepa_fGVjI6MVpIWpIJrGWeuVBnOpgWvMW3W6R1GOvbLYFFzikVcAD_yvYdcmp1dZNxhDjR9mGPKb95TAZSlxHFn50lCmXQ1XYev_h0BDsjxxK1JzYyyRs/s320/close.png" border="0" /></a>
    CODE IKLAN KORANG DI SINI
    </div>

     

3. Korang replacekan code  CODE IKLAN KORANG DI SINI dengan code iklan korang.
4. Save je kalau dah siap.

# Tutorial ini bukan sahaja boleh digunakan untuk code iklan nuffnang tapi code iklan lain seperti heartbeat dan sebagainya.