Script di bawah ini adalah script buat nampilin ayat2 secara acak.. Seperti ini:
<font color="blue"><script language="JavaScript" src="http://arieino.wen.ru/script/js/ayat.js"></script></font><br/>
Untuk menampilkan
copy script diatas dan paste
selanjutnya...
Waktu aku ngelihat komen ada seseorang sahabat yang bertanya bagainama cara buat "kunjungi juga blog yang berkomentar." nah contohnya kalo anda coment di blog ini disana akan terdapat table nama anda dan link anda.. Sebelumnya aq kasih kaya gitu karena liat blognya mas ayiek, wah ternyata bagus juga kalo aq bikin juga kaya gitu.. Sebelum nya aq bikin gagal terus format salah mulu,wah puyeng,. Tp q jg kan pengen bisa,pa lg q jg nebwie, karena aq juga nggak tanya sama mas ayiek gimana bikinya, apa lagi aq modif templatenya via handphone.. Jadi harus sabar.. Sambil belajar lah usaha Setelah mencoba mengedit2 jadilah seperti demikian.. Buat mas aalil aku kan blm nikah jangan di panggil pak dunk.. He2.. Terimakasih sudah memberi ide postingan..
Yap Langsung aja deh yang mau bikin seperti table coment link seperti punya aku ikuti langkah berikut ini:
cari code atau yang mirip code di bawah ini pada tempelate anda
<dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <a expr:name='data:comment.anchorName'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl>
<dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <table align='center' bgcolor='#F0E68C' width='570'><tr><td align='left'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <span class='comment-timestamp'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dt> </td></tr><tr><td align='left'> <table align='left' bgcolor='#F5FFFA' width='570'><tr><td align='left'> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> <table align='center' bgcolor='#FFFACD' width='500'><tr><td align='left'> <b>Kunjungi Juga Blognya Yang Berkomentar Yah... :p</b></td></tr><tr><td align='left'><table align='left' bgcolor='#FFFAFA' width='500'><tr><td align='left'> Nama</td><td align='left'> : </td><td align='left'><data:comment.author/></td></tr><tr><td align='left'> Website</td><td align='left'> : </td><td align='left'><a expr:href='data:comment.authorUrl' rel='nofollow' target='-blank'><data:comment.authorUrl/></a></td></tr></table></td></tr></table><table width='568'><tr><td align='left' bgcolor='#FFE4FF'><a href='#comment-form'>->> Meloncat Ke Kotak Komentar</a></td><td align='center'>atau</td><td align='right' bgcolor='#FFE4FF'><a href='#comments'>Kembali ke komentar Teratas <<-</a></td></tr></table> </b:if> </dd> </td></tr></table></td></tr></table> <table align='left' bgcolor='#FFFAFA' width='500'><tr><td align='center'><!--mohon ini jangan dihapus-->Mau buat table coments link seperti ini, disini :<a href="http://oce-modifblog.blogspot.com/2009/05/membuat-table-comments-link.html"> modifikasi blog</a> </td></td></tr></table> </b:if> </dd> </td></tr></table></td></tr></table> </b:loop> </dl>
mungkin jika template anda sama dengan yang saya pakai akan mudah untuk mencari code di atas
sekarang buatlah orang yang berkomentar juga berpromosi agar orang yang berkomen juga dapat dikunjungi.. Sehingga pengoment akan senang berkomentar di blog anda, itulah harapan saya menggunakan table coments link.. Selain berkomentar juga berpromosi..
selanjutnya...
Pernah melihat title blog seseorang berjalan?.. Title yang menggunakan efek marque yang berjalan dari kiri kekanan atau dari kanan kekiri.. Tapi script berikut ini tidak akan membuat title blog berjalan dari kiri kekanan atau dari kanan kekiri.. Efek script berikut adalah title blog akan muncul huruf perhuruf atau huruf pada title blog akan muncul satu per satu hingga mennyusun sebuah judul blog. Maaf ni ga pake contoh soalnya blognya udah berat jadi dicobain sendiri..
Jika tertarik untuk mencoba scriptnya berikut ini..
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
/*script free from http://oce-modifblog.blogspot.com
Animated Document title
Visit www.rainbow.arch.scriptmania.com for this script and more
*/
if (document.all||document.getElementById){
var thetitle=document.title
document.title=''
}
var data="0123456789";
var done=1;
function statusIn(text){
decrypt(text,2,1);
}
function statusOut(){
self.status='';
done=1;
}
function decrypt(text, max, delay){
if (done){
done = 0;
decrypt_helper(text, max, delay, 0, max);
}
}
function decrypt_helper(text, runs_left, delay, charvar, max){
if (!done){
runs_left = runs_left - 1;
var status = text.substring(0,charvar);
for(var current_char = charvar; current_char < text.length; current_char++){
status += data.charAt(Math.round(Math.random()*data.length));
}
document.title = status;
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0){
setTimeout(rerun, delay);
}
else{
if (charvar < text.length){
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}
else
{
done = 1;
}
}
}
}
//if IE 4+ or NS 6+
if (document.all||document.getElementById)
statusIn(thetitle)
//-->
</SCRIPT>
Letakan script diatas diatas code
</body>
pada tempelate blog anda..
Asal posting neh.. Bis ga da bahan.. Dimana2 dah ada.. Buat ni aja teks yg bergelobang seperti roller coaster.. Guna ga guna mgkn dapt membantu menghiasi blog dengan kreatif anda..
Contohnya :
Untuk menjadikan teks bergelobang seperti di atas, copy paste script di bawah dan ganti teks semau anda..
<script>
/*
Script free from
Http://Oce-modifblog.blogspot.com
Roller Coaster Script-
By JavaScript Kit
Over 200+ other free scripts here!
http://javascriptkit.com
*/
var fs=1
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i<thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))
if (fs<7&&direction=="right")
fs++
else if (fs==7){
direction="left"
fs--
}
else if (fs==1){
direction="right"
fs++
}
else if (fs>1&&direction=="left")
fs--
}
}
//Change below text to your won
rollertext("Life is like a roller coaster ride. Hang on tight!")
</script>
ganti teks warna merah dengan teks anda..
Hari ini waktu aku lagi buat bahan postingan aku kaget,mana mati lampu di luar ada rame2 teriak kebakaran.. Tanpa mikir panjang reflek langsung lari keluar.. Ternyata bener rumah tetangga kebakaran.. Udah pada sibuk.. Blanwir dateng pada pingsan yang punya rumah, kasian banget deh.
Sekarang mau buat jam digital contohnya udah aku pasang di widget sebelah kanan atas ya begitulah kira2.. Setiap orang jika lain negara maka jam berubah menurut waktu negara itu.. Tergantung waktu wilayah x yah ya gitu lah..
Kaya jam tangan tuh modelnya..
Buatnya seperti berikut ini:
Copy script di bawah ini:
Seperi yang sebelumnya
-login
-tata letak
-tambah widget
-pilih javascript html
-paste kode
-trus simpan..
Buat kalender seperti di bawah ini Mempunyai efek warna pada tanggal yah pokokny seperti di bawah ini,aku ga begitu banyak nerangin,bisa liat contohnya langsung.soalnya aku ga pandai nerangin sih he2. Tenang code disini gratis ga pake bayar..
caranya
Copy code script dibawah -login blogger -tata letak -tambah html javascript -paste code -simpan Codenya:<center> <script LANGUAGE="JavaScript"> <!-- script free from http://oce-modifblog.blogspot.com--> <!--Powered javascript code by WWW.javakhafan.7p.COM ????? ?????--> <!-- 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>
selanjutnya...
Buat zom text seperti dibawah ini
Kali ini membuat zoom gambar lagi,Sama seperti posting zoom image sebelumnya tapi yang sebelumnya onmouseover zoom image, kali on klik zoom image, Skala gambar otomatis akan membesar jika kita klik gambar,zoom ini juga menggunakan efek bayangan
liat contohnya dicaranya
karena file scriptnya panjang download fancyzom.zip dibawah ini.. :
Installing FancyZoom on your web pages .
Jika sudah di download, silahkan di ekstrak terlebih dahulu dengan memakai software ekstraktor seperti winzip atau winrar. Nanti akan terdapat dua file script java :
Nanti akan ada file javascript yang nama nya : FancyZoom.js dan FancyZoomHTML.js.
Didalamnya fancyzoo.zip tadi juga ada folder images,didalam folder tersebut terdapat beberapa images yang berfungsi sebagai efek untuk fancyzoom.. Tetapi agar efek dapat bekerja kamu harus edit kedua script tersebut
contoh km upload gambar dipada js
fancyzoom.js
cari tulisan
images/
kalo udah ketemu ganti dengan induk alamat hosting gambar contohnya
http://www.geocities.com/eko/
yang jelas itu adalah alamat gambar itu berkumpul tapi jika ada mengelopokan didalam folder images pada web yang di masukan jadi seperti ini
http://www.geocities.com/eko/images/
selanjutnya lalu edit script fancyzoomHTML.js
Yang dilakukan adalah mengedit alamat gambar sesuai nama gambar,
jika sudah selesai simpan file js
Tugas anda selanjutnya adalah mengupload file java tersebut ke server tempat anda biasa menyimpan file javascript, misalkan ke yahoo geocities atau yang lainnya. Setelah di upload, kemudian copy kedua alamat file tersebut, misalkan anda sudah mempunyai alamat sebagai berikut saya mempunyai username eko di yahoo geocities alamatnya dan kodenya menjadi:
http://www.geocities.com/eko/FancyZoom.js
http://www.geocities.com/eko/FancyZoomHTML.js
Dari alamat tersebut, kodenya jadi seperti ini :
<script src='http://www.geocities.com/eko/FancyZoom.js' type='text/javascript'></script> <script src='http://www.geocities.com/eko/FancyZoomHTML.js' type='text/javascript'></script>
Kemudian masukan kode tersebut di atas kode </head> di dalam template blog anda Lengkapnya seperti berikut :
<script src='http://www.geocities.com/eko/
FancyZoom.js' type='text/javascript'></script>
<script src='http://www.geocities.com/eko/FancyZoomHTML.js' type='text/javascript'></script> yang telah diganti alamat kamu karena alamat diatas hanya contoh, paste di atas kode </head>.
<body onload="setupZoom()">
Atau sebagai contoh lengkap dengan alamat gambar seperti berikut ini
<a href="http://www.cabel.name/images-post/2008/02/mwsf-2.jpg"><img src="http://www.cabel.name/images-post/2008/02/mwsf-2.jpg" width="161" height="123" border="0" alt="" id="img-mwsf-2" class="photo" /></a>
agar dapat efek zoom tentunya ukuran gambar harus tampil lebih kecil dari yang sebenarnya,agar gambar yang tampil bisa menjadi berukuran lebih kecil daripada ukuran aslinya yaitu Kode width="161" height="123" ganti menurut keinginan km.
script from :
www.fancyzoo.com selanjutnya...
Membuat text jadi kelap kelip seperti pelangi,biasanya hanya link yang bisa kelap kelip,text jg bisa kelap kelipnya contohnya seperti berikut ini,
pelangi pelangi alangkah indahmu,merah kuning hijau,dilangit yang biru,pelukismu agung,siapa gerangan,pelangi pelangi ciptaan tuhan..
yang ini teks pelangi bawah perpisahan yang menjadi batas tengah teks pelangi oce.modifblog.blogspot.com
Pelangi atas seperti ini
<div align="center">
<p id="r1">pelangi pelangi alangkah indahmu,merah kuning hijau,dilangit yang biru,pelukismu agung,siapa gerangan,pelangi pelangi ciptaan tuhan..</p>
</div>
<script type="text/javascript">
var r1=document.getElementById("r1"); //get span to apply rainbow
var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect
myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed);
</script>
pelangi bawah seperti berikut ini:
<div align="center">
<p id="r2">yang ini teks pelangi bawah perpisahan yang menjadi batas tengah <a href='http://oce-modifblog.blogspot.com'>oce.modifblog.blogspot.com</a></p>
</div>
<script type="text/javascript">
var r2=document.getElementById("r2"); //get span to apply rainbow
var myRainbowSpan2=new RainbowSpan(r2, 0, 360, 255, 50, 348); //apply static rainbow effect
myRainbowSpan2.timer=window.setInterval("myRainbowSpan2.moveRainbow()", myRainbowSpan2.speed);
</script>
Zoom pada gambar membuat org lebih mudah melihat gambar tersebut, berikut adalah onMousOver zoom atau gambar akan ukuranya lebih besar jika cursor di letakan pada gambar tersebut,gambar tersebut .
langsug aja nih sebagai contoh berikut,sory saya ikut nampang sebagai contoh..
Geser cursor pada gambar..
Caranya seperti berikut ini
dengan edit template yang biasa km lakukan,pasti punya cara2 tersendiri,
Copy code berikut ini
Buat hiasan lampu yang kaya di restoran seperti lampu berdetan
Berikut ini adalah contoh text lampu berjalan
Membuat link hightlight seperti ini,contoh arahkan kursor pada link
Yahoo!
Excite
AltaVista
Infoseek
Lycos
MSN
WebCrawler
Hotbot
Snap
Setiap cursor yang berada di link maka akan terdapat backgraund warna yg dpat di ubah tergantung warna yang kita suka,
Caranya seperti berikut
Copy scipt berikut pada body page
<script>
/*
Highlight Link script
By Website Abstraction (http://wsabstract.com)
and Java-scripts.net (http://www.java-scripts.net)
*/
function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color
}
</script>
Format penulisan link sebagai berikut
<a href="http://www.yahoo.com"onMouseover=highlight(this,'red') onMouseout="highlight(this,document.bgColor)">Yahoo!</a>
Scriptnya adalah seperti berikut <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
selanjutnya...
Untuk membuat gambar kelap kelip harus mempunyai 2 gambar yg sama hanya warna gambar saja yg berbeda
Contoh saya mempunyai 2 gambar
dan
Mengabunganya dengan menggunakan script slideshow dibawah ini dan mempercepat slideshownya
,membuat gambarnya gampang, hanya mengedit gambar dan memberi efek negatif gambar.
Script dibawah adalah script gambar di atas
Selamat berkreasi
Copy script dibawah pada head
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
and Java-scripts.net (www.java-scripts.net)
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
Lalu copy script dibawah pada body untuk menampilkan gambar slide
<a href="javascript:gotoshow()"><img src="
http://www.geocities.com/ocewijaya/oce1.jpg" name="slide" border=0></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("
http://www.geocities.com/ocewijaya/oce1.jpg", "http://www.geocities.com/ocewijaya/oce2.jpg")
slideshowlinks("http://ocewijaya.blogspot.com", "http://oce-modifblog.blogspot.com")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=80
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
Warna biru adalah tempat letak gambar
Contoh
Dalam membuat program, ada kalanya kita ingin agar data yang diinput tidak salah. Teknik Validasi yang anda terapkan pun, misalnya validasi nama tidak boleh angka terkadang tidak maksimal. Kalau misalnya kita salah mengetik nama "Ivan" dengan "Ivam", pasti nama akan lansung tersimpan bukan? Bukan hanya itu, biasanya seorang user tidak sengaja menekan tombol "enter". Padahal belum selesai mengetik. Ada cara untuk mengatasi hal diatas, yakni dengan membuat pertanyaan konfirmasi. Pertanyaan konfirmasi berfungsi untuk menampilkan pertanyaan "ok" dan "cancel". Ini untuk memastikan apakah data yang diinput sudah benar dengan melakukan pengecekan ulang.
Pertanyaan konfirmasi sepeti diatas dapat dibuat dengan javascript.
Buat file dengan nama pertanyaan.js lalu ketikkan script berikut :
pertanyaan.js
function pertanyaan()
{
if(confirm('Anda yakin yang ingin anda posting ini sudah benar?'))
{
return true;
}
else
{
return false;
}
}
index.html
<html>
<body>
<script language="javascript" src="pertanyaan.js"></script>
<a href=# onclick="return pertanyaan ()">Tes membuat pertanyaan.....</a>
</body>
</html>
Sedikit Penjelasan kode diatas :
Pada pertanyaan.js, dibuatkan perintah confirm untuk menampilkan kotak pesan ok dan cancel. Karena menggunakan function, kita gunakan return TRUE jika benar dan return FALSE jika salah. Lalu pada bagian yang ingin dimunculkan pertanyaan, tambahkan perintah onclick. Maksudnya ketika diklik,event apa yang terjadi.
Yah, sekian dulu lah penjelasan dari saya. Jika ada yang ingin ditanyakan, silahkan menghubungi saya di
Email1 : ivan@ilmuwebsite.com
Email 2 : ivan_wen_piao@yahoo.co.id
Web : http://ivan.ilmuwebsite.com
Ini salah satu script untuk mempercantik blog.. Kl mouse berada di link, link akan berubah2 warna.. Copy scrpt berikut lalu simpan dalam format nama rainbow.js.Lalu upload ke hosting km.. Letakan lettakan
'<script src="alamat rainbow.js"></script>'
pada body html,.
/************************************************************************/
/* Rainbow Links Version 1.03 (2003.9.20) */
/* Script updated by Dynamicdrive.com for IE6 */
/* Copyright (C) 1999-2001 TAKANASHI Mizuki */
/* takanasi@hamal.freemail.ne.jp */
/*----------------------------------------------------------------------*/
/* Read it somehow even if my English text is a little wrong! ;-) */
/* */
/* Usage: */
/* Insert '<script src="rainbow.js"></script>' into the BODY section, */
/* right after the BODY tag itself, before anything else. */
/* You don't need to add "onMouseover" and "onMouseout" attributes!! */
/* */
/* If you'd like to add effect to other texts(not link texts), then */
/* add 'onmouseover="doRainbow(this);"' and */
/* 'onmouseout="stopRainbow();"' to the target tags. */
/* */
/* This Script works with IE4,Netscape6,Mozilla browser and above only, */
/* but no error occurs on other browsers. */
/************************************************************************/
////////////////////////////////////////////////////////////////////
// Setting
var rate = 20; // Increase amount(The degree of the transmutation)
////////////////////////////////////////////////////////////////////
// Main routine
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}
//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
Jika mengeklik kanan bisa gempa Letakan cript berikut pada body <SCRIPT language=JavaScript> <!--inizio-----mess per copiare document.onmousedown=click function click() { times2=0 if ((event.button==2) || (event.button==3)) { alert("Jangan klik kanan !!"); shake(20) } } function shake(n) { if (parent.moveBy) { for (i = 20; i > 0; i--) { for (j = n; j > 0; j--) { parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); } } } } //fine copia--> </SCRIPT>
selanjutnya...
Berikut ini adalah cara yg jitu buat beriklan ria.. Karena dengan script ini gambar akan mengikuti cursor kemanapun dia pergi,jadi kayak anak ayam yang enggak mau ketinggalan induknya <html> <head> <script> if (!document.layers) document.write('<div id="divStayTopright" style="position:absolute">') </script> </head> <body> <layer id="divStayTopright"> <!--EDIT BELOW CODE TO YOUR OWN MENU--> <table border="0" width="130" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://kendhin.890m.com/soniclari.gif"></td> </tr> </table> <!--END OF EDIT--> </layer> <script type="text/javascript"> /* Floating Menu script- Roy Whittle (http://www.javascript-fx.com/) Script featured on/available at http://www.dynamicdrive.com/ This notice must stay intact for use */ //Enter "frombottom" or "fromtop" var verticalpos="fromtop" if (!document.layers) document.write('</div>') function JSFX_FloatTopDiv() { var startX = 0, startY = 0; var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y){this.style.right=x;this.style.top=y;}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayTopright=function() { if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : document.body.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopright()", 10); } ftlObj = ml("divStayTopright"); stayTopright(); } JSFX_FloatTopDiv(); </script> </body> </html>
selanjutnya...
