Rabu, 03 September 2008

Tips Membuat Image / Gambar Melayang ( Floating Logo ) Versi Anu...

Kali ini saya ingin mengasih tau cara lain membuat image atau gambar melayang ( Floating Logo ) versi lainnya.

Adapun caranya seperti ini :


1. Copy kode dibawah ini, dan pastekan dibawahnya --> <head>


<script language="JavaScript" type="text/javascript">



var x1 = 11; //
change the # on the left to adjust the X co-ordinate

var y1 = 130; //
change the # on the left to adjust the Y co-ordinate



(document.getElementById && !document.all) ? dom = true : dom = false;



function typeStart() {

if (dom) {

document.write('<div id="logoBox" style="position:absolute; left:' +
(window.innerWidth-x1) + 'px; visibility:visible">') }

if (document.all) {

document.write('<div id="logoBox" style="position:absolute; left:' +
(document.documentElement.clientWidth-x1) + 'px; visibility:visible">') }

}

function typeEnd() {

if (document.all || dom) { document.write('</div>') }

}

function placeIt() {

if (dom) {document.getElementById("logoBox").style.top = window.pageYOffset + y1
+ "px";

document.getElementById("logoBox").style.left = window.pageXOffset + x1 + "px";}

if (document.all) {document.all["logoBox"].style.top =
document.documentElement.scrollTop + y1 + "px";

document.all["logoBox"].style.left = document.documentElement.scrollLeft + x1 +
"px";}

window.setTimeout("placeIt()", 10);

}

// -->

</script>





2. Kemudian copy lagi kode ini dan paste-kan dibawahnya --> <body>


<script>typeStart()</script>

<a href="http://blog.anda.com/scripts/"><img src="your_logo.gif" border="0" ></a>

<script>typeEnd()</script>


 

Tidak ada komentar:

Posting Komentar