Monday, July 18, 2011

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="http://2.bp.blogspot.com/_LZtXSNcp76A/TBkBOhhQYwI/AAAAAAAABGg/lW2a6h4cpbo/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.

9 comments:

  1. salam miss farah..kt blog dila ade 3 kotak komen..so cmne nk bg hilang yerk???xthu cmne leh jd cmtuh..help me yerk miss farah..tq..:)

    ReplyDelete
  2. salam kak, mcm mane nak cari code iklan ?

    ReplyDelete
  3. salam, akak nak tanye, mcm mane nak cari code iklan ?

    ReplyDelete
  4. salam kak, mcm mane nak cari code iklan ?

    ReplyDelete
  5. akak , mcm mana nk buat sticker free untuk blog ? mcm kak farah buat :)

    ReplyDelete
  6. Salam kenal saya blog walking saya ingin menjemput anda datang ke blog saya http://gagahboro.org.Saya follow sini n kalau ada masa terluang datang dan follow lah blog saya

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Terima kasih lepak sini, nanti datang lagi yer..
Sayang Korang...





Related Posts Plugin for WordPress, Blogger...
 
Copyright © 2016 Blog Cik Nurfarah. All Rights Reserved. Designed by Blog Cik Nurfarah.