Tutorial - Letak Floating Banner Di Blog

Hai , Assalammualaikumm semua ! Okeyy ,, ini tutorial bagi yangg adee banner . Tapi kalau takk de banner korangg sediri punn , korangg boleyy jehh letakk banner orangg lain sebagai iklan di blog korangg .. Tuto yangg nieyy siap adee button CLOSE lagi Code dia agakk panjangg , korangg buat laa slow slow ye .. Tapi , senang jee .. sebab korangg takk payahh nakk edit HTML.. Okeyy , jumm .. teruskkan !


1.Dashboard >> Design >> Add A Gadget >> HTML/JavaScript     2.Copy code bawah ni dan paste dibahagian HTML/JavaScript  

<style type='text/css'> #topbar{ position:absolute; margin: 400px -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.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 id="topbar"> <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDWZ4X1ZFe5if2nf1gvuH-ivJPsNiogY66OqY3K8hIOVspfOsKwCypzQhK_l7vH7HSXMFU6UduSb47JagwOrjqxpq36TtntuGdlXpRdpCJDIZ9rLrN94VOHICge0OxgNfuTZKYXXAwMyE/s320/close.png" border="0" /></a> <a href="LINK KORANGG"><img src="URL GAMBAR" /></a> </div>

3.Dahh paste , korangg tukar apa yang patut kat atas tu yee ..

Tulisan yangg warna Merah tu , korangg masukkan Url gambar
Yangg warna Ungu pulakk , korangg letakk Link korang

    4. Dahh habis edit semua , Save kann terus okeyy ^^     **Dahh siap ! Sekejap jehh buat tu .. Harap-harap korangg takk de masalah laa dengan tuto nieyy . Good Luck sayangg ! ^^