Monday, 22 November 2010

Tutorial Floating Message

Carenye??

1. Login blogspot
2. Add Gadget
3. Add html/Javascript
4. Paste code kat bawah ni

Kod Pertama
<style type="text/css"> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: white; width: 400px; visibility: hidden; z-index: 100; } </style><br /> <br /> <br /> <br /> <script type="text/javascript"> /*********************************************** * Floating Top Bar script- © 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="frombottom" //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>
Kod Kedua
<div id="topbar"><a href="" onclick="closebar(); return false"><img src="close.gif" border="0" /></a>Tutorial membuat Top/Bottom Bar Floating Message. Selamat mencuba!</div>

* Kedua-dua code boleh diletakkan di dalam satu gadget.
* Highlight merah sila ubah mengikut kehendak hati..:)

No comments:

Post a Comment

Anda memang awesome. Sebab itulah anda komen entry saya.

PENAFIAN @ DISCLAIMER

Segala isi kandungan dan gambar-gambar di alenewphase.blogspot.com ini tidak boleh ditiru, dihasilkan semula dalam bentuk-bentuk lain, dipindahmilik, dicetak, disimpan atau digunakan semula. Setiap rujukan hendaklah memberi kredit dan/atau rujukan kepada alenewphase.blogspot.com. SEKIAN.

Adalah dimaklumkan sekali lagi apa-apa komen, permintaan, cadangan atau komunikasi lain yang lucah, sumbang, palsu, mengancam atau jelik sifatnya dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu orang lain; atau memulakan suatu komunikasi dengan menggunakan mana-mana perkhidmatan aplikasi, sama ada secara berterusan, berulang kali atau selainnya, dan dalam masa itu komunikasi mungkin atau tidak mungkin berlaku, dengan atau tanpa mendedahkan identitinya dan dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu mana-mana orang di mana-mana nombor atau alamat elektronik, adalah melakukan suatu kesalahan, tindakan boleh diambil mengikut akta AKTA 588, AKTA KOMUNIKASI DAN MULTIMEDIA 1998