Cara Membuat Iklan Melayang seri 3

Saya yakin anda semua sudah tahu, apa itu Iklan Mela-

yang ?! Masih ingatkah anda pada posting sebelumnya

di blog ini tentang " Cara Membuat Iklan Melayang " ?

Iklan melayang kali ini lebih keren dari yang sebelumnya.

Kelebihannya terletak pada tampilan iklannya, karena

disisipi efek image hover dengan menggunakan kode

opacity. Pokoknya iklan melayang yang satu ini patut

untuk anda coba, Untuk cara memasangnya seperti ini :

KODENYA =

<style type="text/css"> #topbar{ position:absolute; left: 100px; border: 0px red; padding: 0px; background-color: transparent; visibility: hidden; z-index: 100; } </style><br /> <script type="text/javascript"> 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 = 150 //set x offset of bar in pixels var startY = 100 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "fromtop" 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><br /> <div class="clear"></div><div id="topbar"><u style="color: blue;"><b><br /> <div style="text-align:right"><a style="color: black(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><img style="opacity: 0.8;" src="http://i1128.photobucket.com/albums/m486/syamsudin1/close-1.png" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=90" /></span></a></div></b></u><br /> <br /> <a href="URL Alamat Iklan Disini/"target="_blank"><img style="opacity: 0.3;" src="URL Image Iklan Disini" onmouseover="this.style.opacity=4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a><br /> <br /> <p></p><p></p></div>

KETERANGAN =

*    Masukkan URL alamat iklan anda
     pada kode URL Alamat Iklan Disini

*    Masukkan juga kode URL image iklan anda
     pada kode URL Image Iklan Disini

*   Ukuran image standard dari Iklan ini : 730 x 90 px
    Tapi bila anda ingin mencoba membuatnya
    dengan ukuran berbeda, silahkan dicoba saja.

*   Ubah posisi tampil iklannya pada kode
    var startX = .......  &  var startY = .......
    ( bila anda inginkan untuk merubahnya ).

Selamat mencoba, semoga berhasil
Dan tetap selalu, Good Luck ......