Pasang Iklan Nuffnang Terapung dengan Butang Tutup

Assalamua'laikum dan salam sejahtera, OK hari ini Mr a nak buat tutorial sikit macam mana nak pasang iklan nuffnang korang supaya terapung pada platform blogspot macam yang anda boleh tengok dekat blog Mr a ini. Kelebihan Code yang Mr a nak bagi korang ini ialah ianya disertakan sekali dengan butang close,  so xde la pengunjung blog korang tu menyampah sangat kan.

Ok, ikut steps kat bawah ini
1) Pergi kat layout pada setting blog anda
2) add Gadget
3) Pilih HTML/Javascript, Popup akan muncul lalu,
4) Copy 'n' Paste Code kat bawah ni pada Content tersebut

<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 = 1000 //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 anda di sini -->



<!-- end of code iklan -->





</div>

Ok, apa yang perlu anda perhatikan di sini ialah variable,

var startX = 1000   //  Ubah nilai 1000 mengikut kesesuian blog korang.
var StartY = 5 // Untuk ketinggian iklan anda.

Untuk gabungan yang Mr a sarankan ialah (mcm yg ada dlm blog ini)

var startX = 950
var StartY = 500

Code sumber ialah daripada dynamicdrive, Mr a cuma tolong share jer

p/s : Mr a baru jer blaja buat tutorial, so klau ada salah 'n' silap harap dimaafkan yer..

Posted in: tutorial