Mengganti Logo Google

Jika Anda bosan dengan tampilan logo google pada saat pertama kali browser anda dibuka, Anda bisa membuat halaman Google dengan nama Anda. Berikut langkah-langkah mengganti logo google.

1. Buka situs

Funny Logo

2. Masukan nama yang Anda inginkan pada situs tersebut.
3. Tentukan style tulisan yang diinginkan, misal: Google Style.
4. Klik “Create My Search Engine”.
5. Setelah itu akan muncul tampilan “Situs Google” dengan logo yang kita inginkan.

Untuk membuat tampilan tersebut menjadi halaman default ketika Anda membuka browser, copy alamat yang tertera pada Address.

Untuk Browser Internet Explorer (IE):
1. Klik menu Tools - Internet Options
2. Pilih tab General, lalu ubah field Home Page dengan alamat tersebut.

Untuk Browser Mozila:
1. Klik menu Tools - Options
2. Pilih tab Main, lalu ubah field Home Page dengan alamat tersebut.
3. Pada field When Firefox starts, pilih settingan Show my home page, lalu klik OK.

Setelah semua langkah dilakukan, Anda bisa mencoba membuka browser dan melihat hasilnya.

LAGU Q

1. Yie Ting. Download
2. Stinky - Mungkinkah. Download

55 - Combo link kotak sampel

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- This script opens a separate window for the locations you give it.
Pages are neat but pictures make a cool photo album. Change the
attributes that read menubar=0,toolbar=0, etc... and Width & Height
to meet your needs. Make sure you place the URL's you want to go
to and their names below.-->

<script language="JavaScript">
<!-- Hide the script from old browsers --
function surfto(form)
{
var myindex=form.dest.selectedIndex
window.open(form.dest.options[myindex].value,"main","menubar=1,toolbar=0,location=0,directories=0,status=1,copyhistory=0,width=235,height=235");
}
//-->
</SCRIPT>
<CENTER>
<FORM NAME="myform">
<SELECT NAME="dest" SIZE=1>
<OPTION VALUE="http://www.coffeecup.com">CoffeeCup Software
<OPTION VALUE="http://www.tmcm.com">Too Much Coffee Man
<OPTION VALUE="http://www.netscape.com">Netscape
<OPTION VALUE="http://www.javakhafan.7p.com">InfoSeek
</SELECT>
<P>
<INPUT TYPE="BUTTON" VALUE="Go !" onClick="surfto(this.form)">
</FORM>
</CENTER>

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font></textarea>
<br>
<input style="CURSOR: hand" class="btn" id="copy" onclick="highlight('copypaste');" value="Highlight &amp; copy to clipboard" style="border: 1px solid rgb(206, 44, 13); color: rgb(206, 44, 13); font-family: Tahoma; font-size: 8pt; background-color: rgb(227, 229, 231);" type="button"></p><p><hr><center> <h1>Please Donate!</h1>Because I am just a university student in debt trying my best to serve the world! The codes are absolutely free! So every cent of your donation helps...<br> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="W3FAWDT373X5L"><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form> </center><hr>
<p>

<a href="index.htm">
<img border="0" src="images/home2.gif" width="17" height="17">
Back to main page</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
<a href="contactus.htm">
<img border="0" src="images/icon_friends_20x20.gif" width="20" height="20">Contact
us for any questions or comments</a></p>
</form>
</td>
</tr>
<tr>
<td height="42" align="left" valign="top">
<p align="center">The code is active (<b>Sample Code</b>):
you can see it in the area below or on the page</td>

</tr>
</table>
<p align="center">


<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- This script opens a separate window for the locations you give it.
Pages are neat but pictures make a cool photo album. Change the
attributes that read menubar=0,toolbar=0, etc... and Width & Height
to meet your needs. Make sure you place the URL's you want to go
to and their names below.-->

<script language="JavaScript">
<!-- Hide the script from old browsers --
function surfto(form)
{
var myindex=form.dest.selectedIndex
window.open(form.dest.options[myindex].value,"main","menubar=1,toolbar=0,location=0,directories=0,status=1,copyhistory=0,width=235,height=235");
}
//-->
</SCRIPT>
<CENTER>
<FORM NAME="myform">
<SELECT NAME="dest" SIZE=1>
<OPTION VALUE="http://www.coffeecup.com">CoffeeCup Software
<OPTION VALUE="http://www.tmcm.com">Too Much Coffee Man
<OPTION VALUE="http://www.netscape.com">Netscape
<OPTION VALUE="http://www.javakhafan.7p.com">InfoSeek
</SELECT>
<P>
<INPUT TYPE="BUTTON" VALUE="Go !" onClick="surfto(this.form)">
</FORM>
</CENTER>

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>





</td>
<td width="4" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/trans.gif" width="10" height="10"></td>
</tr>
<tr>
<td height="32" background="images/bottom_bg.gif" class="copyright">
<a name="©">©</a> 2006. All rights reserved, Designed by:
<a href="http://www.eydat.com/"><span style="text-decoration: none">
Krishna Eydat</span></a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

54 - Teks sekitar mouse

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- START OF Mouse Cursor Text Trailer DHTML -->


<!-- SUMMARY BRIEF

This DHTML script will make a text message follow
your cursor around the screen. You can change the
message to say whatever you want.

You can change the font face, color and size in
the .trailersytle tag below. You can change the message
in the javascript below that. Just look for the
comment that says "Insert your personal message below."

-->


<!-- Put this portion of the script inside of your <HEAD> tag -->


<style>
.trailerstyle {
position: absolute;
visibility: visible;
top: -50px;
font-size: 12px;
font-family: Arial,Helvetica,Verdana;
font-weight: bold;
color: #000000;
}
</style>

<script>
<!--

var x,y
var step=20
var flag=0

// Insert your personal message below.
// Important: Do NOT remove the space at the end of the sentence!!!

var message=" www.javascriptfreecode.com "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function mousetrailer() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("mousetrailer()",30)
}

//-->
</script>


<!-- Put this code inside of your <BODY> tag. -->


<script>
<!--

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='trailerstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

//-->
</script>


<!-- Lastly, insert the following into the <BODY> tag, itself, just like the example that follows. -->


example:
<body onLoad="mousetrailer()" style="width:100%;overflow-x:hidden;overflow-y:scroll">


<!-- END OF Mouse Cursor Text Trailer DHTML -->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

53 - memaksimalkan jendela secara otomatis

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- START OF Window Auto Maximize DHTML -->


<!-- SUMMARY BRIEF

This code will automatically maximize the
browser window when the page is loaded.

-->


<!-- Put this code inside of your <HEAD> tag. -->


<script language="JavaScript1.2">
<!--

top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}

//-->
</script>


<!-- END OF Window Auto Maximize DHTML -->
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

52 - Bergerak jendela internet explorer

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- START CODE Powered javascript code by WWW.javakhafan.7p.COM-->

<meta http-equiv="Content-Language" content="en-us">
<SCRIPT language=JavaScript>
<!-- Begin
function shake(n) {
if (parent.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {

parent.moveBy(-i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,-i);
parent.moveBy(i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,i);
}
}
}


}
// End -->

<!--
shake(1);
//-->
</SCRIPT>

<!-- END CODE Powered javascript code by WWW.javakhafan.7p.COM-->
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

51 - tari Teks status bar 4

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Start of Status Blinker -->
<!-- This will put a blinking status bar message in your webpage.
Important: There are two parts to this script, one goes
in between the HEAD tags and one goes in the BODY tag.
-->
<script>
var yourwords = "www.javascriptfreecode.com";
var speed = 300;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=yourwords;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash()",speed);
}
</script>
<!--You can control the speed of the flashing in this script. You just need to change the speed number 300. Bigger the number the slower it goes.-->
<!-- From this part on up goes in between the HEAD tags -->


<body onLoad="flash()">

<!-- End of Status Blinker -->
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

50 - tari Teks status bar 3

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- Start of Typing Text Script -->
<!-- This types one letter at a time in the Status bar -->
<!-- Instructions: Just put this script anywhere on your webpage
and you will have the typewriter effect on your messages
displayed in the status bar.

To change the speed of your banner increase or decrease the
value for 'var speed'.
(Note: decreasing this value increases the speed of your banner.)

To change the pause between each message change the value
for 'var pause'.
(Note: increase value to increase pause.)
-->
<!-- Script supplied with CoffeeCup HTML Editor -->
<!-- www.coffeecup.com -->
<SCRIPT LANGUAGE="JavaScript">

var speed = 100
var pause = 1000
var timerID = null
var texttype = false
var ar = new Array()

ar[0] = "This is the Typing Text Javascript"
ar[1] = "CoffeeCup Software is cool!"
ar[2] = "El HTML Editor++ es muy bueno!"

var msgnow = 0
var offset = 0

function stopBanner() {
if (texttype)
clearTimeout(timerID)
texttype = false
}

function startBanner() {
stopBanner()
showBanner()
}

function showBanner() {
var text = ar[msgnow]

if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++

var partialMessage = text.substring(0, offset + 1)
window.status = partialMessage
offset++
timerID = setTimeout("showBanner()", speed)
texttype = true
} else {
offset = 0
msgnow++
if (msgnow == ar.length)
msgnow = 0

timerID = setTimeout("showBanner()", pause)
texttype = true
}
}

</SCRIPT>
</HEAD>
<BODY onLoad="startBanner()">
</BODY>
</HTML>
<!-- END OF SCRIPT -->
<!/SCRIPT>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

49 - tari Teks status bar 2

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- DESCRIPTION: This will make your text bounce in the
status bar of the browser.

INSTRUCTIONS: Place this script in the HEAD tags of
your webpage. Then place the text you want to be bounced in
the area that says, "YOUR MESSAGE HERE".

FUNCTIONALITY: Works in both Netscape & IE.
-->

<SCRIPT LANGUAGE="JavaScript">
//Modified by CoffeeCup Software
//This code is Copyright (c) 1997 CoffeeCup Software
//all rights reserved. License is granted to a single user to
//reuse this code on a personal or business Web Site.



var yourtext = "* YOUR MESSAGE HERE! *";
var wedge1=" ";
var wedge2=" ";
var message1=wedge1+yourtext+wedge2;
var dir = "lside";
var speed = 50;

function bouncey() {

if (dir == "lside") {
message2=message1.substring(2,message1.length)+" ";
window.status=message2;
setTimeout("bouncey();",speed);
message1=message2;

if (message1.substring(0,1) == "*") {
dir="rside";
}
}

else {
message2=" "+message1.substring(0,message1.length-2);
window.status=message2;
setTimeout("bouncey();",speed);
message1=message2;
if (message1.substring(message1.length-1,message1.length) == "*") {
dir="lside";
}
}
}

// -- End Hiding Here -->
</SCRIPT>

<body onLoad="bouncey()">

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

48 - tari Teks status bar 1

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- DESCRIPTION: This will make your text bounce in the
status bar of the browser.

INSTRUCTIONS: Place this script in the HEAD tags of
your webpage. Then place the text you want to be bounced in
the area that says, "YOUR MESSAGE HERE".

FUNCTIONALITY: Works in both Netscape & IE.
-->

<SCRIPT LANGUAGE="JavaScript">
//Modified by CoffeeCup Software
//This code is Copyright (c) 1997 CoffeeCup Software
//all rights reserved. License is granted to a single user to
//reuse this code on a personal or business Web Site.



var yourtext = "* YOUR MESSAGE HERE! *";
var wedge1=" ";
var wedge2=" ";
var message1=wedge1+yourtext+wedge2;
var dir = "lside";
var speed = 50;

function bouncey() {

if (dir == "lside") {
message2=message1.substring(2,message1.length)+" ";
window.status=message2;
setTimeout("bouncey();",speed);
message1=message2;

if (message1.substring(0,1) == "*") {
dir="rside";
}
}

else {
message2=" "+message1.substring(0,message1.length-2);
window.status=message2;
setTimeout("bouncey();",speed);
message1=message2;
if (message1.substring(message1.length-1,message1.length) == "*") {
dir="lside";
}
}
}

// -- End Hiding Here -->
</SCRIPT>

<body onLoad="bouncey()">

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

47 - Pemberitahuan Tampilkan dengan klik (kotak msg)

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- Start of Message Alert -->
<!-- Use this button in a form to pop-up a message when the user clicks it -->
<form>
<input type="button" value="message" onClick="alert('YOUR MESSAGE GOES HERE'); return true">
</form>
<!-- End of Message Alert -->
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

46 - Tampilkan popup saat mengklik tombol

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<HTML>
<HEAD>
<!--START OF PopUp on Button Click-->
<!-This script will give you 4 buttons that display pop up windows when clicked. -->
<!-- Instructions:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- Script supplied with CoffeeCup HTML Editor -->
<!-- www.coffeecup.com -->
<SCRIPT LANGUAGE="JavaScript">
function AlertCC(label, msg)
{
var cc1 =
"<TITLE>Window Title</TITLE>" +
"<BODY BGCOLOR='FFFFFF'><TABLE BORDER=0><TR>" +
"<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+
"<FONT SIZE=4 FACE=ARIAL>"

var cc2 = "<FONT COLOR='FF0000'><B>"+label+"</B></FONT><BR><P>"

var cc3 =
"</TD><TD WIDTH=10%> </TD></TR><TR><TD> </TD>"+
"<TD VALIGN=BOTTOM ALIGN=RIGHT>"+
"<FORM><INPUT TYPE='BUTTON' VALUE='Close Window'" +
"onClick='self.close()'>" +
"</FORM></TD></TR></TABLE></BODY>"


popup = window.open("","popDialog","height=280,width=400,scrollbars=no")
popup.document.write(cc1+cc2+msg+cc3)
popup.document.close()
}

function ccalert1()
{
AlertCC('Alert One', 'This script will let you place information about your product or topic of choice.')
}
function ccalert2()
{
AlertCC('Alert Two', 'This script will let you place information about your product or topic of choice.')
}
function ccalert3()
{
AlertCC('Alert Three', 'This script will let you place information about your product or topic of choice.')
}
function ccalert4()
{
AlertCC('Alert Four', 'This script will let you place information about your product or topic of choice.')
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert One ]" onClick="ccalert1()"></FORM></CENTER><p>
<CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Two ]" onClick="ccalert2()"></FORM></CENTER><p>
<CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Three ]" onClick="ccalert3()"></FORM></CENTER><p>
<CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Four ]" onClick="ccalert4()"></FORM></CENTER><p>
<!-- END OF SCRIPT -->


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

45 - Perubahan status bar menggerakkan mouse pada gambar

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- This displays 'Your Message Here' in the status bar when the mouse -->
<!-- pointer is over the 'Put Image Here' image -->

<CENTER>
<A HREF="URL" onMouseOver="window.status='Your Message Here'; return true"
onMouseOut="window.status=''">
<P><IMG SRC="Put Image Here"></A>
</CENTER>

<!-- This displays 'Your Message Here' in the status bar when the mouse -->
<!-- pointer is over the 'Put Image Here' image -->

<CENTER>
<A HREF="URL" onMouseOver="window.status='Your Message Here'; return true"
onMouseOut="window.status=''">
<P><IMG SRC="Put Image Here"></A>
</CENTER>


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

44 - tari Teks di halaman

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<script language="JavaScript1.2">
//configure message
message="Welcome to www.javascriptfreecode.com"
//animate text in NS6? (0 will turn it off)
ns6switch=1

var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Your message is to short")
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}}
</script>
</head>
<body>

<h2><div id="jumpx" style="color:green"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

43 - Membuka popup dengan halaman utama

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<HEAD>
<!-- DESCRIPTION: This will make a small Navigation Window in which you can place links to different pages.

INSTRUCTIONS: Place this script in the HEAD tags of
your webpage.

FUNCTIONALITY: Works in both Netscape & IE.
-->

<SCRIPT LANGUAGE="JavaScript">

//Modified by CoffeeCup Software
//This code is Copyright (c) 1997 CoffeeCup Software
//all rights reserved. License is granted to a single user to
//reuse this code on a personal or business Web Site.

<!--

coffeeWin=window.open("","coffeeWin","toolbar=no,width=200,height=250,directories=no,menubar=no,SCROLLBARS=no");

coffeeWin.document.write("<HTML>");
coffeeWin.document.write("<HEAD>");

coffeeWin.document.write("</HEAD>");

coffeeWin.document.write("<BODY BGCOLOR=#FFFFFF TEXT=#000000 LINK=#0000FF VLINK=#0000FF>")

coffeeWin.document.write("<CENTER>")

coffeeWin.document.write("<FONT FACE=VERDANA,ARIAL SIZE=2>");

coffeeWin.document.write("<B>");

coffeeWin.document.write("<FONT SIZE=3>Navigation Window</FONT>");

coffeeWin.document.write("<BR><HR WIDTH=180><BR><P>");

coffeeWin.document.write("<A HREF=http://www.webloger.5u.com TARGET=MAIN>Webloger Website</A>");

coffeeWin.document.write("<P>");

coffeeWin.document.write("<A HREF=http://www.microsoft.com TARGET=MAIN>Microsoft</A>");

coffeeWin.document.write("<P>");

coffeeWin.document.write("<A HREF=http://www.netscape.com TARGET=MAIN>Netscape</A>");

coffeeWin.document.write("<P>");

coffeeWin.document.write("<A HREF=http://www.infoseek.com TARGET=MAIN>InfoSeek</A>");

coffeeWin.document.write("<P>");

coffeeWin.document.write("</B>");

coffeeWin.document.write("</FONT>");

coffeeWin.document.write("</BODY>");

coffeeWin.document.write("</HTML>");



//-->
</SCRIPT>
</HEAD>


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

42 - Link tanpa garis bawah

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Start Of No Underlined Links Script -->
<!-- This script takes the underline off of links. -->
<!-- Instructions: Just put this script anywhere on your webpage
before links that you wish not to have underlined. -->
<!-- Script supplied with CoffeeCup HTML Editor -->
<!-- www.coffeecup.com -->
<STYLE TYPE="text/css">
<!--
A { text-decoration: none; }
A:link { color: #000099; }
A:visited { color: #000099; }
-->
</STYLE>

<!-- End Of No Underlined Links Script -->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

41 - menunjukkan slide gambar menampilkan combo

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Drop Down Image Preview


1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
function CoffeePreview(sel) {
document.CoffeePreview.src = "" + sel.options[sel.selectedIndex].value;
}
function CoffeeShow(sel) {
images = new Array();
images[1] = "1.jpg";
images[2] = "2.jpg";
images[3] = "3.jpg";
images[4] = "4.jpg";
images[5] = "5.jpg";
images[6] = "6.jpg";
window.location.href = images[sel.selectedIndex+1];
}
// End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<center>
<form name=previewselect>
<select name=selbox size=1 onChange="CoffeePreview(this)">
<option value="1-small.jpg">Image #1
<option value="2-small.jpg">Image #2
<option value="3-small.jpg">Image #3
<option value="4-small.jpg">Image #4
<option value="5-small.jpg">Image #5
<option value="6-small.jpg">Image #6
</select>
<p>
<img name="preview" src="1-small.jpg" width=150 height=113 border=1>
<p>
<input type=button value="view Image" onclick="CoffeeShow(this.form.selbox)">
</form>
</center>


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

40 - Tambahkan website ke favorit

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Start of Add to Favorites IE -->
<!-- Put this script anywhere in your webpage and when a visitor goes
to your webpage using Internet Explorer, they only need to
click on the link to add your webpage to their FAVORITES
folder. Netscape users will simply get a reminder to press
CTRL-D to bookmark.
-->

<SCRIPT LANGUAGE="JavaScript">
<!--
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {

var url="http://www.webloger.5u.com";
var title="Webloger - Web Authoring Tools";

document.write('<A HREF="javascript:window.ext');
document.write('ernal.AddFavorite(url,title);" ');
document.write('onMouseOver=" window.status=');
document.write("'Add our site to your favorites!'; return true ");
document.write('"onMouseOut=" window.status=');
document.write("' '; return true ");
document.write('">Add our site to your favorites!</a>');
}
else {
var msg = "Don't forget to bookmark us!";
if(navigator.appName == "Netscape") msg += " (CTRL-D)";
document.write(msg);
}

// -->
</script>
<!-- End of Add to Favorites IE -->
<br>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

39 - Tanggal dan waktu berikut mouse

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!--END CODE - Powered java script code by <span lang="en-us"><font color="#FFFFFF"><b>
<font size="5" color="#FFFFFF">
<a href="http://www.javakhafan.9f.com.com">http://www.javakhafan.9f.com.com</a></font></b></font></span>-->

<SCRIPT language=JavaScript>



dCol='cc0099';//date colour.



fCol='ff99cc';//face colour.



sCol='cc99ff';//seconds colour.



mCol='008000';//minutes colour.



hCol='000080';//hours colour.



ClockHeight=40;



ClockWidth=40;



ClockFromMouseY=0;



ClockFromMouseX=100;







//Alter nothing below! Alignments will be lost!







d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");



m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");



date=new Date();



day=date.getDate();



year=date.getYear();



if (year < 2000) year=year+1900;



TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;



D=TodaysDate.split('');



H='ooo';



H=H.split('');



M='oooo';



M=M.split('');



S='.....';



S=S.split('');



Face='1 2 3 4 5 6 7 8 9 10 11 12';



font='tohoma';



size=1;



speed=0.6;



ns=(document.layers);



ie=(document.all);



Face=Face.split(' ');



n=Face.length;



a=size*10;



ymouse=0;



xmouse=0;



scrll=0;



props="<font face="+font+" size="+size+" color="+fCol+"><B>";



props2="<font face="+font+" size="+size+" color="+dCol+"><B>";



Split=360/n;



Dsplit=360/D.length;



HandHeight=ClockHeight/4.5



HandWidth=ClockWidth/4.5



HandY=-7;



HandX=-2.5;



scrll=0;



step=0.06;



currStep=0;



y=new Array();x=new Array();Y=new Array();X=new Array();



for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}



Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();



for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}



if (ns){



for (i=0; i < D.length; i++)



document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');



for (i=0; i < n; i++)



document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');



for (i=0; i < S.length; i++)



document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');



for (i=0; i < M.length; i++)



document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');



for (i=0; i < H.length; i++)



document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');



}



if (ie){



document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');



for (i=0; i < D.length; i++)



document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');



document.write('</div></div>');



document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');



for (i=0; i < n; i++)



document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');



document.write('</div></div>');



document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');



for (i=0; i < H.length; i++)



document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');



document.write('</div></div>');



document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');



for (i=0; i < M.length; i++)



document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');



document.write('</div></div>')



document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');



for (i=0; i < S.length; i++)



document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');



document.write('</div></div>')



}



(ns)?window.captureEvents(Event.MOUSEMOVE):0;



function Mouse(evnt){



ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;



xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;



}



(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;



function ClockAndAssign(){



time = new Date ();



secs = time.getSeconds();



sec = -1.57 + Math.PI * secs/30;



mins = time.getMinutes();



min = -1.57 + Math.PI * mins/30;



hr = time.getHours();



hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;



if (ie){



Od.style.top=window.document.body.scrollTop;



Of.style.top=window.document.body.scrollTop;



Oh.style.top=window.document.body.scrollTop;



Om.style.top=window.document.body.scrollTop;



Os.style.top=window.document.body.scrollTop;



}



for (i=0; i < n; i++){



var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;



F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;



F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);



}



for (i=0; i < H.length; i++){



var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;



HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;



HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);



}



for (i=0; i < M.length; i++){



var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;



ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;



ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);



}



for (i=0; i < S.length; i++){



var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;



SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;



SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);



}



for (i=0; i < D.length; i++){



var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;



DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;



DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);



}



currStep-=step;



}



function Delay(){



scrll=(ns)?window.pageYOffset:0;



Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);



Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);



for (i=1; i < D.length; i++){



Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);



Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);



}



y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);



x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);



for (i=1; i < n; i++){



y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);



x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);



}



ClockAndAssign();



setTimeout('Delay()',20);



}



if (ns||ie)window.onload=Delay;



</SCRIPT>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

38 - Dua baris berikut mouse

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- START OF Mouse Cursor Crosshairs DHTML -->


<!-- SUMMARY BRIEF

This DHTML script will make a crosshair to follow
your mouse cursor around.

You can change the color of the crosshair by changing
the color hex codes in the <style> tag in the <head>
of your document.

-->


<!-- Put this portion of the script inside of your <HEAD> tag -->


<style>
<!--

#leftright, #topdown{

position: absolute;
left: 0;
top: 0;
width: 1px;
height: 1px;
layer-background-color: #FF0000;
background-color: #FF0000;
z-index: 100;
font-size: 1px;
}

-->
</style>


<!-- Put this code after your <BODY> tag. -->


<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>

<script language="JavaScript1.2">
<!--

if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}


function followmouse1(){
//move cross engine for IE 4+
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}

function followmouse2(e){
//move cross engine for NS 4+
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}

if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
//if the user is using IE 4 or NS 4, both NOT IE 5+
window.onload=regenerate2

//-->
</script>


<!-- END OF Mouse Cursor Crosshairs DHTML -->
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

37 - tombol Simpan

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<script>
// CREDITS:
// salar mehrabi
// Copyright (c) 2003 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.javakhafan.9f.com

// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.javakhafan.9f.com
// right into the webpage where the script will be displayed.

function doSaveAs(){
if (document.execCommand){
document.execCommand("SaveAs")
}
else {
alert("Save-feature available only in Internet Exlorer 5.x.")
}
}
</script>
<form>
<input type="button" value="Save This WebPage" onClick="doSaveAs()"
</form>
<br>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

36 - Tanggal hari ini di website

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- ONE STEP TO INSTALL MONTHLY: DAY HIGHLIGHTED:

1. Put the code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD your HTML document -->
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<body>

<center>
<script LANGUAGE="JavaScript">

<!-- Begin
monthnames = new Array(
"January",
"Februrary",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"Decemeber");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=2 bgcolor=white ");
document.write("bordercolor=black><font color=black>");
document.write("<tr><td colspan=7><center><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td align=center>Su</td>");
document.write("<td align=center>M</td>");
document.write("<td align=center>Tu</td>");
document.write("<td align=center>W</td>");
document.write("<td align=center>Th</td>");
document.write("<td align=center>F</td>");
document.write("<td align=center>Sa</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href="" + linkdays[c][2] + "">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<font color='FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</script>
</center>
<!-- Script Size: 2.98 KB -->

</body>

</html>

<!-- END CODE - Powered javascript code by WWW.webloger.5u.COM &#1591;&#1585;&#1575;&#1581;&#1740; &#1608;&#1576;&#1604;&#1575;&#1711;-->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

35 - Efek pada teks 2

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<HTML><HEAD>
<meta http-equiv="Content-Language" content="en-us">
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD>
<BODY><SPAN id=pochenderText style="WIDTH: 100%">
<H1 align="center"><font color="#FF0000">www.javascriptfreecode.com</font></H1></SPAN>
<SCRIPT>
<!--
// (C) 2002 Christian Heidler [ All rights reserved ].
// e-mail: privat@christianheidler.de

var from = 4; // minimalgr??e(pochen)
var to = 12; // maximalgr??e(pochen)
var speed = 1; // Geschwindigkeit (je kleiner der Wert, umso schneller pocht es)
var textcolor = "#aabbdd"; // Farbe ausw?hlen (hexadezimalen code od. Html-Farbname)
var i = to;
var j = 0;

pd();

function pu()
{
if (!document.all)
return
if (i < to)
{
pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('pu()',speed);
return 0;
}

if (i = to)
{
theTimeout = setTimeout('pd()',speed);
return 0;
}
}

function pd()
{
if (!document.all)
return
if (i > from)
{
pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('pd()',speed);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('pu()',speed);
return 0;
}
}
// -->
</SCRIPT>
</BODY></HTML>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font></textarea>
<br>
<input style="CURSOR: hand" class="btn" id="copy" onclick="highlight('copypaste');" value="Highlight &amp; copy to clipboard" style="border: 1px solid rgb(206, 44, 13); color: rgb(206, 44, 13); font-family: Tahoma; font-size: 8pt; background-color: rgb(227, 229, 231);" type="button"></p><p><hr><center> <h1>Please Donate!</h1>Because I am just a university student in debt trying my best to serve the world! The codes are absolutely free! So every cent of your donation helps...<br> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="W3FAWDT373X5L"><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form> </center><hr>
<p>

<a href="index.htm">
<img border="0" src="images/home2.gif" width="17" height="17">
Back to main page</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
<a href="contactus.htm">
<img border="0" src="images/icon_friends_20x20.gif" width="20" height="20">Contact
us for any questions or comments</a></p>
</form>
</td>
</tr>
<tr>
<td height="42" align="left" valign="top">
<p align="center">The code is active (<b>Sample Code</b>):
you can see it in the area below or on the page</td>

</tr>
</table>
<p align="center">

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<HTML><HEAD>
<meta http-equiv="Content-Language" content="en-us">
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD>
<BODY><SPAN id=pochenderText style="WIDTH: 100%">
<H1 align="center"><font color="#FF0000">www.javascriptfreecode.com</font></H1></SPAN>
<SCRIPT>
<!--
// (C) 2002 Christian Heidler [ All rights reserved ].
// e-mail: privat@christianheidler.de

var from = 4; // minimalgr??e(pochen)
var to = 12; // maximalgr??e(pochen)
var speed = 1; // Geschwindigkeit (je kleiner der Wert, umso schneller pocht es)
var textcolor = "#aabbdd"; // Farbe ausw?hlen (hexadezimalen code od. Html-Farbname)
var i = to;
var j = 0;

pd();

function pu()
{
if (!document.all)
return
if (i < to)
{
pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('pu()',speed);
return 0;
}

if (i = to)
{
theTimeout = setTimeout('pd()',speed);
return 0;
}
}

function pd()
{
if (!document.all)
return
if (i > from)
{
pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('pd()',speed);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('pu()',speed);
return 0;
}
}
// -->
</SCRIPT>
</BODY></HTML>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>






</td>
<td width="4" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/trans.gif" width="10" height="10"></td>
</tr>
<tr>
<td height="32" background="images/bottom_bg.gif" class="copyright">
<a name="©">©</a> 2006. All rights reserved, Designed by:
<a href="http://www.eydat.com/"><span style="text-decoration: none">
Krishna Eydat</span></a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

34 - Efek pada teks 1

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<HTML><HEAD>
<meta http-equiv="Content-Language" content="en-us">
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD>
<BODY>
<DIV id=Zittertext
style="FONT-WEIGHT: bold; FONT-SIZE: 25pt; FILTER: Wave(freq=5, light=0, phase=8, strength=1); WIDTH: 100%; COLOR: orange">
<p align="center"><font color="#000000">
<span style="background-color: #FFFF00">www.javascriptfreecode.com</span></font></DIV>
<SCRIPT language=JavaScript>
<!--
function DynWave()
{
if(document.all.Zittertext.filters[0].freq > 130)
document.all.Zittertext.filters[0].freq = 15;
document.all.Zittertext.filters[0].freq += 1;
if(document.all.Zittertext.filters[0].phase > 50)
document.all.Zittertext.filters[0].phase = 1;
document.all.Zittertext.filters[0].phase += 1;
if(document.all.Zittertext.filters[0].strength > 1)
document.all.Zittertext.filters[0].strength = .1;
document.all.Zittertext.filters[0].strength += 1;
window.setTimeout("DynWave()",100);
}
DynWave();
// -->
</SCRIPT>
</BODY></HTML>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

33 - Acak changer warna latar belakang

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<script>

// Select fade-effect below:
// Set 1 if the background may fade from dark to medium
// Set 2 if the background may fade from light to medium
// Set 3 if the background may fade from very dark to very light light
// Set 4 if the background may fade from light to very light
// Set 5 if the background may fade from dark to very dark
var fade_effect=3

// What type of gradient should be applied Internet Explorer 5x or higher?
// Set "none" or "horizontal" or "vertical"
var gradient_effect="horizontal"

// Speed higher=slower
var speed=60

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

var browserinfos=navigator.userAgent
var ie4=document.all&&!document.getElementById
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie4||ie5||ns4||ns6||opera

if (fade_effect==1) {
var darkmax=1
var lightmax=127
}
if (fade_effect==2) {
var darkmax=127
var lightmax=254
}
if (fade_effect==3) {
var darkmax=1
var lightmax=254
}
if (fade_effect==4) {
var darkmax=190
var lightmax=254
}
if (fade_effect==5) {
var darkmax=1
var lightmax=80
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var newred
var newgreen
var newblue
var oldred
var oldgreen
var oldblue

var redcol_1
var redcol_2
var greencol_1
var greencol_2
var bluecol_1
var bluecol_2
var oldcolor
var newcolor
var firsttime=true

var stepred=1
var stepgreen=1
var stepblue=1

function setrandomcolor() {
var range=(lightmax-darkmax)
if (firsttime) {
newred=Math.ceil(range*Math.random())+darkmax
newgreen=Math.ceil(range*Math.random())+darkmax
newblue=Math.ceil(range*Math.random())+darkmax
firsttime=false
}

oldred=Math.ceil(range*Math.random())+darkmax
oldgreen=Math.ceil(range*Math.random())+darkmax
oldblue=Math.ceil(range*Math.random())+darkmax

stepred=newred-oldred
if (oldred>newred) {stepred=1}
else if (oldred<newred) {stepred=-1}
else {stepred=0}

stepgreen=newgreen-oldgreen
if (oldgreen>newgreen) {stepgreen=1}
else if (oldgreen<newgreen) {stepgreen=-1}
else {stepgreen=0}

stepblue=newblue-oldblue
if (oldblue>newblue) {stepblue=1}
else if (oldblue<newblue) {stepblue=-1}
else {stepblue=0}
fadebg()
}

function fadebg() {
if (newred==oldred) {stepred=0}
if (newgreen==oldgreen) {stepgreen=0}
if (newblue==oldblue) {stepblue=0}
newred+=stepred
newgreen+=stepgreen
newblue+=stepblue

if (stepred!=0 || stepgreen!=0 || stepblue!=0) {
redcol_1 = hexc[Math.floor(newred/16)];
redcol_2 = hexc[newred%16];
greencol_1 = hexc[Math.floor(newgreen/16)];
greencol_2 = hexc[newgreen%16];
bluecol_1 = hexc[Math.floor(newblue/16)];
bluecol_2 = hexc[newblue%16];
newcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
if (ie5 && gradient_effect!="none") {
if (gradient_effect=="horizontal") {gradient_effect=1}
if (gradient_effect=="vertical") {gradient_effect=0}
greencol_1 = hexc[Math.floor(newred/16)];
greencol_2 = hexc[newred%16];
bluecol_1 = hexc[Math.floor(newgreen/16)];
bluecol_2 = hexc[newgreen%16];
redcol_1 = hexc[Math.floor(newblue/16)];
redcol_2 = hexc[newblue%16];
var newcolorCompl="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
document.body.style.filter=
"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+newcolorCompl+", endColorstr="+newcolor+" GradientType="+gradient_effect+")"
}
else {
document.bgColor=newcolor
}
var timer=setTimeout("fadebg()",speed);
}
else {
clearTimeout(timer)
newred=oldred
newgreen=oldgreen
newblue=oldblue
oldcolor=newcolor
setrandomcolor()
}
}

if (browserok) {
window.onload=setrandomcolor
}
</script>

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

32 - Jam berikut mouse

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<SCRIPT

LANGUAGE="JavaScript">

var timerID = null;
var timerRunning = false;

function stopclock ()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()

var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;

// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;

timerID = setTimeout("showtime()",1000);
timerRunning = true;
}

function startclock ()
{
// Make sure the clock is stopped
stopclock();
showtime();
}

</SCRIPT>

<BODY onLoad="startclock(); timerONE=window.setTimeout"

TEXT="ffffff">

<CENTER><form name="clock" onSubmit="0">
<input type="text" name="face" size=13 value=""></CENTER>



<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

31 - Menanyakan nama pengguna dan mengatakan menyambut

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- Start of Hello Visitor JavaScript-->
<!-- DESCRIPTION: This will ask the user for his/her name, then tell them WELCOME.

INSTRUCTIONS: Place this script below the BODY tag, before you start the content of your page.

FUNCTIONALITY: Works in both Netscape and IE.
-->
<SCRIPT LANGUAGE="JavaScript">
//Modified by CoffeeCup Software
//This code is Copyright (c) 1998 CoffeeCup Software
//All rights reserved. License is granted to a single user to
//reuse this code on a personal or business Web Site.
<!--
{
var name = prompt ('Your name','');
var color = prompt ('Color name','');
document.write("<CENTER><FONT FACE=ARIAdL,VERDANA COLOR="+color+" SIZE=5>Welcome To Web Designer "+name+".</FONT><HR NOSHADE WIDTH=450></CENTER><P>")
}
//-->
</SCRIPT>
<!-- End of Hello Visitor JavaScript -->



<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

30 - Jam waktu pengunjung mengunjungi halaman

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<!-- End of Time Spent JavaScript -->
<!-- This scripts tell your sites visitor how long they spent at the page. -->
<!-- Instructions:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- Script supplied with CoffeeCup HTML Editor -->
<!-- www.coffeecup.com -->
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
startday = new Date();
clockStart = startday.getTime();
function initStopwatch() {
var myTime = new Date();
return((myTime.getTime() - clockStart)/1000);
}
function getSecs() {
var tSecs = Math.round(initStopwatch());
var iSecs = tSecs % 60;
var iMins = Math.round((tSecs-30)/60);
var sSecs ="" + ((iSecs > 9) ? iSecs : "0" + iSecs);
var sMins ="" + ((iMins > 9) ? iMins : "0" + iMins);
document.forms[0].timespent.value = sMins+":"+sSecs;
window.setTimeout('getSecs()',1000);
}
// End -->
</script>


<BODY onLoad="window.setTimeout('getSecs()',1)">

<CENTER>
<FORM>
<FONT SIZE="2" FACE="Arial">Time spent here: </FONT><input size=5 name=timespent>
</FORM>
</CENTER>



<!-- End of Time Spent JavaScript -->


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

29 - Pengunjung dan counter

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<script src=http://fastonlineusers.com/online.php?d=www.mohager.co.sr></script>
<br>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

28 - tarian Teks status bar

<!-- DESCRIPTION: This will make your text bounce in the
status bar of the browser.

INSTRUCTIONS: Place this script in the HEAD tags of
your webpage. Then place the text you want to be bounced in
the area that says, "YOUR MESSAGE HERE".

FUNCTIONALITY: Works in both Netscape & IE.
-->

<SCRIPT LANGUAGE="JavaScript">
//Modified by CoffeeCup Software
//This code is Copyright (c) 1997 CoffeeCup Software
//all rights reserved. License is granted to a single user to
//reuse this code on a personal or business Web Site.



var yourtext = "* YOUR MESSAGE HERE! *";
var wedge1=" ";
var wedge2=" ";
var message1=wedge1+yourtext+wedge2;
var dir = "lside";
var speed = 50;

function bouncey() {

if (dir == "lside") {
message2=message1.substring(2,message1.length)+" ";
window.status=message2;
setTimeout("bouncey();",speed);
message1=message2;

if (message1.substring(0,1) == "*") {
dir="rside";
}
}

else {
message2=" "+message1.substring(0,message1.length-2);
window.status=message2;
setTimeout("bouncey();",speed);
message1=message2;
if (message1.substring(message1.length-1,message1.length) == "*") {
dir="lside";
}
}
}

// -- End Hiding Here -->
</SCRIPT>

<body onLoad="bouncey()">

27 - Kalkulator script

<!-- Start of CoffeeCup Calculator Script -->
<!-- A Simple Calculator -->
<!-- Instructions: Just put this script anywhere on your webpage
between the body tags and you will have a calculator for your visitors! -->
<!-- Script supplied with CoffeeCup HTML Editor -->
<!-- www.coffeecup.com -->
<CENTER>

<FORM name="Keypad" action="">
<TABLE>
<B>
<TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<TR>
<TD colspan=3 align=middle>
<input name="ReadOut" type="Text" size=24 value="0" width=100%>
</TD>
<TD
</TD>
<TD>
<input name="btnClear" type="Button" value=" C " onclick="Clear()">
</TD>
<TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()">
</TD>
</TR>
<TR>
<TD>
<input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)">
</TD>
<TD>
<input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)">
</TD>
<TD>
<input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)">
</TD>
<TD>
</TD>
<TD>
<input name="btnNeg" type="Button" value=" +/- " onclick="Neg()">
</TD>
<TD>
<input name="btnPercent" type="Button" value=" % " onclick="Percent()">
</TD>
</TR>
<TR>
<TD>
<input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)">
</TD>
<TD>
<input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)">
</TD>
<TD>
<input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)">
</TD>
<TD>
</TD>
<TD align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')">
</TD>
<TD align=middle><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')">
</TD>
</TR>
<TR>
<TD>
<input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)">
</TD>
<TD>
<input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)">
</TD>
<TD>
<input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)">
</TD>
<TD>
</TD>
<TD align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')">
</TD>
<TD align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')">
</TD>
</TR>
<TR>
<TD>
<input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)">
</TD>
<TD>
<input name="btnDecimal" type="Button" value=" . " onclick="Decimal()">
</TD>
<TD colspan=3>
</TD>
<TD>
<input name="btnEquals" type="Button" value=" = " onclick="Operation('=')">
</TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER>
<font face="Verdana, Arial, Helvetica" size=2>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var FKeyPad = document.Keypad;
var Accumulate = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accumulate += parseFloat(Readout);
else if ( '-' == PendingOp )
Accumulate -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accumulate /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accumulate *= parseFloat(Readout);
else
Accumulate = parseFloat(Readout);
FKeyPad.ReadOut.value = Accumulate;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accumulate = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate);
}
// End -->
</SCRIPT>

26 - Tombol Cetak halaman

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Print Page Script
Use this script to have your
users print your HTML page
-->
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="Click" '
+ 'onClick="javascript:window.print()"> To Print this page!</form>');
}
// End -->
</script>


<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

25 - Back dan tombol maju

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Start of Back/Forward Buttons Script-->
<!-- Instructions: Just put this script anywhere on your webpage
and you will give your visitor 2 Back and Forward Navigation
buttons. Designed for websites that have multiple webpages.
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- hide this script tag's contents from old browsers
function goHist(a)
{
history.go(a); // Go back one.
}
//<!-- done hiding from old browsers -->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE=" BACK " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)">
</form>

<!-- End of Back/Forward Buttons Script -->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font></textarea>
<br>
<input style="CURSOR: hand" class="btn" id="copy" onclick="highlight('copypaste');" value="Highlight &amp; copy to clipboard" style="border: 1px solid rgb(206, 44, 13); color: rgb(206, 44, 13); font-family: Tahoma; font-size: 8pt; background-color: rgb(227, 229, 231);" type="button"></p><p><hr><center> <h1>Please Donate!</h1>Because I am just a university student in debt trying my best to serve the world! The codes are absolutely free! So every cent of your donation helps...<br> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="W3FAWDT373X5L"><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form> </center><hr>
<p>

<a href="index.htm">
<img border="0" src="images/home2.gif" width="17" height="17">
Back to main page</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
<a href="contactus.htm">
<img border="0" src="images/icon_friends_20x20.gif" width="20" height="20">Contact
us for any questions or comments</a></p>
</form>
</td>
</tr>
<tr>
<td height="42" align="left" valign="top">
<p align="center">The code is active (<b>Sample Code</b>):
you can see it in the area below or on the page</td>

</tr>
</table>
<p align="center">



<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Start of Back/Forward Buttons Script-->
<!-- Instructions: Just put this script anywhere on your webpage
and you will give your visitor 2 Back and Forward Navigation
buttons. Designed for websites that have multiple webpages.
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- hide this script tag's contents from old browsers
function goHist(a)
{
history.go(a); // Go back one.
}
//<!-- done hiding from old browsers -->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE=" BACK " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)">
</form>

<!-- End of Back/Forward Buttons Script -->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>




</td>
<td width="4" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/trans.gif" width="10" height="10"></td>
</tr>
<tr>
<td height="32" background="images/bottom_bg.gif" class="copyright">
<a name="©">©</a> 2006. All rights reserved, Designed by:
<a href="http://www.eydat.com/"><span style="text-decoration: none">
Krishna Eydat</span></a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

24 - Ubah bgcolor yang

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<!-- Start of Change BackGround Color-->
<!-- DESCRIPTION: This will allow the user to change the background color of your page. Neat trick.

INSTRUCTIONS: Place this script anywhere in the <BODY> tag.

FUNCTIONALITY: Works in both Netscape and IE.
-->
<!--
//Modified by CoffeeCup Software
//This code is Copyright (c) 1998 CoffeeCup Software
//All rights reserved. License is granted to a single user to
//reuse this code on a personal or business Web Site.
// -->
<CENTER>
<FORM>
<FONT FACE="VERDANA, ARIAL"><B>Choose a background color:</B></FONT>
<SELECT name="ccGround" size="1" onChange=(document.bgColor=ccGround.options[ccGround.selectedIndex].value)>
<OPTION value="408080" target="1" selected>Cool Green
<OPTION value="C0C0C0" target="1">Cool Grey
<OPTION value="000000" target="1">Black
<OPTION value="730200" target="1">DarkRed
<OPTION value="231800" target="1">Brown
<OPTION value="044302" target="1">DarkGreen
<OPTION value="0D09A3" target="1">Dark Blue
<OPTION value="808040" target="1">Avocado
<OPTION value="800080" target="1">Purple
<OPTION value="444444" target="1">Gray
<OPTION value="FF0400" target="1">Red
<OPTION value="EFE800" target="1">Yellow
<OPTION value="05EF00" target="1">Green
<OPTION value="0206FF" target="1">Blue
<OPTION value="AE08EF" target="1">Violet
<OPTION value="FF8C8A" target="1">Mauve
<OPTION value="FF80FF" target="1">Pink
<OPTION value="FFCCCC" target="1">Peach
<OPTION value="FFCC99" target="1">Orange
<OPTION value="000080" target="1">Darker Blue
<OPTION value="808080" target="1">Dark Grey
<OPTION value="D5CCBB" target="1">Tan
<OPTION value="DDDDDD" target="1">LightGray
<OPTION value="FBFF73" target="1">Light Yellow
<OPTION value="7CFF7D" target="1">LightGreen
<OPTION value="A6BEFF" target="1">Light Blue
<OPTION value="FFFFFF" target="1">White
</SELECT></FORM></CENTER>
<!-- Start of Change BackGround Color-->



<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>