KUMPULAN JAVA SCRIPT
Sumber : http://ykubnay.mywapblog.com/mywapblog-cara-membuat-tombol.xhtml
Script Text Jika disorot kursor/mouse akan berubah warna
<script src="http://ykubnay.googlecode.com/files/rainbow.js" type="text/javascript"></script>
Script Kursor Bertabur Bintang Biru
<script src="http://ykubnay.googlecode.com/files/blueestar.js" type="text/javascript"></script>
Membuat efek api pada text
<script src="http://ykubnay.googlecode.com/files/jquery.min.js" type="text/javascript"></script><script type="text/javascript">(function ($){$.fn.ignite = function (burn){$(this).each(function (){var letters = $(this).text().split('');$(this).html('<span>' + letters.join('</span><span>') +'</span>');$spans = $(this).find('span');setInterval(function () {$spans.each(burn);}, 100);});}})(jQuery);function gasFlame(){var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'];if (Math.random() > 0.90){colors.push('#3333CC');}var hv = 0.04;var textShadows = [];var c = 0;var h = 0;var s = 0;while (c < colors.length){s = 2 + Math.round(Math.random() * 2);while (s--){shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];textShadows.push(shadow);h -= hv;}c++;}$(this).css({color: colors[0], textShadow: textShadows.join(', ')});}$(begin);function begin(){$('#mandra').ignite(gasFlame);}</script><div id="mandra"> TEXT DISINI</div>
Script kodok loncat part1 (membuat text membesar jika disentuh kursor)
<div id="qthink"><div class="polo_box" id="qthink"><div class="left">
Terima kasih sudah mengunjungi blogku yang sunyi</div></div></div>
Script kodok loncat part2 (membuat gambar berubah jika disentuh kursor)
<div class="kodokloncat" id="kodok-3"><img src="http://URL GAMBAR"/><div class="details"><img src="http://URL GAMBAR"/></div></div>
Script kodok loncat part3 (membuat gambar berpindah jika disentuh kursor)
<div><div class="abstrak_box" id="ease"><div class="center"></div></div></div>
Script kodok loncat part4 (membuat gambar menghilang jika disentuh kursor)
<div><div class="amdhas_box" id="ease"><div class="center"></div></div></div>
Script kodok loncat part5 (membuat kterangan gambar jika disentuh kursor)
<script src="http://ykubnay.googlecode.com/files/jquery.js"></script><script>$(document).ready(function() {$("#cf_onclick").click(function({$("#cf2img.top").toggleClass("transparent");});});</script><div class="center" id="cf_onclick"><div style="text-align: center;"><button>coba klik</button></div><div><img src="http://URL GAMBAR" class="top"/><div>DI SINI ADALAH TEKS YANG MAU SOBAT BERIKAN</div></div></div>
MEMBUAT TEXT WARNA TINGGAL MASUKAN TEXT KAMU
<script language="javascript" src="http://yakubnay.mobie.in/textshadow.js"></script><script><!--
{ rainbow("<> TEKS KAMU DISINI <>");} //--></script>
Jika malas membuat situs serta pernak perniknya,kalian sisipkan script ini karna sudah lengkap
<script src="http://ykubnay.googlecode.com/files/super.js" type="text/javascript"></script>
بسماللهالرحمنالرحيم
ASSALAMUALAIKUM WR WB
Berikut ada simple code ARAB .contoh penulisannyaيعقوب hasilnyaيعقوب jadi tiap code diawali tanda &# dan diakhiri ;
1575 | ا |
1576 | ب |
1577 | ة |
1578 | ت |
1579 | ث |
1580 | ج |
1581 | ح |
1582 | خ |
1583 | د |
1584 | ذ |
1585 | ر |
1586 | ز |
1587 | س |
1588 | ش |
1589 | ص |
1590 | ض |
1591 | ط |
1592 | ظ |
1593 | ع |
1594 | غ |
1601 | ف |
1602 | ق |
1603 | ك |
1604 | ل |
1605 | م |
1606 | ن |
1607 | ه |
1608 | و |
1609 | ى |
1610 | ي |
|
|
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">contoh textarea dengan tombol</span> example textarea with buttons</span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><div style="text-align:center;"><form method="post"><input type="BUTTON" value="CONTOHNYA" /></form></div></span> <div style="text-align:center;"> <form method="post"> <input type="BUTTON" value="CONTOHNYA" /> </ form> </ div></span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><div style="text-align:center;"><a href="http://ykub nay.mywpblog.com"><input type="submit" value="TEXT LINK" /></a></div></span> <div style="text-align:center;"> <a href="http://ykub nay.mywpblog.com"> <input type="submit" value="TEXT LINK" /> </ a> < / div></span>
MWB DROPCAP LETTERS LOOK INTO
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><span style=color:white>.post p:nth-of-type(1):first-letter{ float:left; text-indent:20px; background:black; color:#00FF00; font-size:bold; border:3px inset darkgray; margin:2px; padding:3px; text-align:center }</span></span> <span style=color:white>. Post p: nth-of-type (1): first-letter {float: left; text-indent: 20px; background: black; color: # 00FF00; font-size: bold; border: 3px inset darkgray; margin: 2px; padding: 3px; text-align: center}</span></span>
CHARACTERS LOOK DROPCAP ARISING
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><span style=color:black>.post p:nth-of-type(1):first-letter{ float:left; text-indent:20px; background: #444; color: white; font-size: bold; border: 3px outset #333; margin: 1px; padding: 0px; text-align: center}</span></span> <span style=color:black>. Post p: nth-of-type (1): first-letter {float: left; text-indent: 20px; background: # 444; color: white; font-size: bold; border: 3px outset # 333; margin : 1px; padding: 0px; text-align: center}</span></span>
TYPICAL DISPLAY IN BOX
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><span style=color:blue>.post p:nth-of-type(1):first-letter{ float:left; background:silver; text-indent:20px; margin:1px 2px; padding:2px; border:1px solid gray; font-size: bold; color:# 3399FF;}</span></span> <span style=color:blue>. Post p: nth-of-type (1): first-letter {float: left; background: silver; text-indent: 20px; margin: 1px 2px; padding: 2px; border: 1px solid gray; font-size: bold; color: # 3399FF;}</span></span>
TEX AREA
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">.post textarea { background: url(http:// ykubnay.mywapblog.com/files/ html-top-gradient.gif) repeat-x top #F4FFFC; border: 2px groove #ccc;}</span> . Post textarea {background: url (http:// ykubnay.mywapblog.com / files / html-top-gradient.gif) repeat-x top # F4FFFC; border: 2px groove # ccc;}</span>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><textarea name="text1" cols="9" rows="2">masukan apa saja disini</textarea></span> <textarea name="text1" cols="9" rows="2"> input anything here </ textarea></span>
Backlink
<!-- Dont edit this code or it will not work --><a target="_blank" href="http://bdlab.blogspot.com/" title="Free Backlinks"><img border="0" alt="Free Backlinks" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-NU1W7BpVRXASSAN90IoUApbZ642jwc0Xu4GwVb6nfnhUVOEF3v4vzl98Ac3UVvzb-CbFfj4jCg-awc8xtvNm6Vjz3xSLyuyJFS_npm7ibfPO53-G5fG5fcru0TFcu5Ste_Kc588GPui/s1600/24works-backlinks.gif" /></a><!-- End http://bdlab.blogspot.com-->
GLOBE DUNIA
<script type="text/javascript" src="http://jf.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','220','true','false','000000','5qhbpa9u0nb','true','ff0000');</script><noscript><applet codebase="http://rf.revolvermaps.com/j" code="core.RE" width="220" height="220" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="5qhbpa9u0nb" /><param name="m" value="0" /><param name="s" value="220" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript>
Gambar Jadwal Puasa
<a href="http://tinypic.com?ref=2lllrir" target="_blank"><img src="http://i51.tinypic.com/2lllrir.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
http://i51.tinypic.com/2lllrir.jpg
<a class='tt' href='http://www.kpku.or.id/imsak'>JADWAL PUASA<span class='tooltip'></span><span class='top'/><span class='middle'>Jadwal Puasa untuk daerah-daerah di Indonesis.</span><span class='bottom'/></span></span></a>
Sumber : http://kibagus-homedesign.blogspot.com/2010/02/membuat-menu-horizontal-dengan-variasi.html
Animasi garis
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&current=Misc-04-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Misc-04-june.gif" border="0" alt="link8"></a>
Animasi garis 1
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&current=Misc-06-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Misc-06-june.gif" border="0" alt="link7"></a>
Animasi garis 2
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&current=Arrows-01-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Arrows-01-june.gif" border="0" alt="link-1"></a>
Animasi garis 3
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&current=Symbol-04-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Symbol-04-june.gif" border="0" alt="link5"></a>
Animasi garis 4
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&current=Theme-06-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Theme-06-june.gif" border="0" alt="link2"></a>
TANGGA TANJAKAN
<style type="text/css"><!--
.style2 {color: #FFFF00}
--></style><p> </p><table width="303" border="0"
cellpadding="0" cellspacing="0"><tr><td width="303" height="159"
valign="top"><table width="142"
border="5" cellpadding="0"
cellspacing="0"
bgcolor="#FF0000"><tr><td width="138" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><span
class="style2"><a
href=" Url_link_tujuan_Anda">Link
1 </a
href="></span
class="style2"></td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="30"></td><td width="143"
height="30"><table width="142"
height="24" border="5"
cellpadding="0" cellspacing="0"
bgcolor="#FF0000"><tr><td width="140" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><a
href="Url_link_tujuan_Anda">Link
2 </a
href="url_link_tujuan_anda"></td></tr></table></td><td width="217"></td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="60"> </td><td width="142"
height="30"><table width="142"
border="5" cellpadding="0"
cellspacing="0"
bgcolor="#FF0000"><tr><td width="211" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><a
href="Url_link_tujuan_Anda">Link
3 </a
href="url_link_tujuan_anda"></td></tr></table></td><td width="133"
height="30"> </td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="90"
height="30"> </td><td width="147"><table
width="146" border="5"
cellpadding="0" cellspacing="0"
bgcolor="#FF0000"><tr><td width="142" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><a
href="Url_link_tujuan_Anda">Link
4 </a
href="url_link_tujuan_anda"></td></tr></table
width="146"></td></tr></table></td><td width="96"> </td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="120"> </td><td width="143"
height="30"><table width="142"
height="30" border="5"
cellpadding="0" cellspacing="0"
bgcolor="#FF0000"><tr><td width="142" height="30"