IMAGE OPACITY EFFECT 2 .
image opacity effect 2 ni , asal dia pudar . bila cursor sentuh kat gambar tu dia jadi cerah .
macam biasa ,
DASHBOARD >> DESIGN >> EDIT HTML/JAVASCRIPT .
copy code bawah ni :
<style>
/* ----- Image opacity effect 2 ----- */
.post a img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
.post a:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>
lepastu paste kat dalam kotak HTML/JAVASCRIPT tadi .
ingat eh , tajuk takpayah letak .
Label: tutorials .
customized scrollbar .
okay haritu ada sorang girl ni tanya saya :
nx tnye yg bhgian kanan sekali ..tempat kite tekan ke atas ke bawah .. macam mne nx wat warna warni .. kalo awq nyer wane pink n mrah ... sye nx wat wane purple n hijau ..ples .. i need the answer right know .. k . tengs .
saya mintak maaf sangat sangat sebab lambat baca request awak eh
fiqa ? sorry sangat sangat .
nama dia fiqa jugak . hihi . nama kita sama lahh :)
okay , first benda tekan ke atas and bawah tu nama dia scrollbar tau . nie nak ajar cara nak tukar colour dia .
nak tukar jadi corak-corak pun boleh . jom ikot tuto nie .
sebelum tu , benda scrollbar tu untuk pengguna
GOOGLE CHROME SAHAJA . saya ulang ,
GOOGLE CHROME SAHAJA kayy .
mula-mula , pergi Dashboard > Design > Edit HTML .
ctrl+F , cari code macam bawah ni :
]]></b:skin>
bila dah jumpa , copy code yang kat bawah ni then paste
SEBELUM code yang kat atas tadi tu .
::-webkit-scrollbar {height:12px;width: 12px;background: #D9D9D9;}::-webkit-scrollbar-thumb {background-color: #B2C0C6;-moz-border-radius: 10px;border-radius: 10px;}
yang warna biru tu , warna background dia . boleh cari code colour kat
sini
warna ungu tu pulak , benda yang scroll tu lah . kalau nak tukar jadi gambar , amik code ni :
background-image:url(URL IMG);
url image tu cari lah kat photobucket or mana-mana lahh ye . kalau tak jadi , bagitahu k .
credit to : nana .
Label: tutorials .
BURUNG TWITTER TERBANG DALAM BLOG .
DASHBOARD >> DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT :
copy code bawah ni :
<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "URL TWITTER";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
</script>
<a id="theBird" href="URL TWITTER" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLfollow" href="URL TWITTER" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>
yang colour merah tu gantikan dengan
URL TWITTER you all kayy . lepastu preview dulu then baru save . easy rite ?
Label: tutorials .
TITLE BAR MAKER .
Title Bar Maker tu tulisan yang bergerak-gerak kat tab sebelah logo kat tajuk blog kita yang atas sekali tu .
DASHBOARD >> DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT .
copy code kat bawah ni :
<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb10_makeArray(n){
this.length = n;
return this.length;
}
tb10_messages = new tb10_makeArray(2);
tb10_messages[0] = "AYAT ANDA";
tb10_messages[1] = "";
tb10_rptType = 'infinite';
tb10_rptNbr = 5;
tb10_speed = 100;
tb10_delay = 2000;
var tb10_wiper
var tb10_space="_"
var tb10_currMsg=0;
var tb10_counter=1;
var tb10_index=0
tb10_main()
function tb10_main()
{
document.title=tb10_messages[tb10_currMsg].substring(0,tb10_index)
tb10_index++
if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){setTimeout('tb10_reset_clear()',tb10_delay);}
else{setTimeout('tb10_main()',tb10_speed)}
}
function tb10_reset_clear()
{
tb10_index=0
tb10_wiper=""
for(var a=0;a<tb10_messages[tb10_currMsg].length;a++){tb10_wiper+=tb10_space}
tb10_clearem()
}
function tb10_clearem()
{
document.title=tb10_wiper.substring(0,tb10_index) + "->" + tb10_messages[tb10_currMsg].substring(tb10_index+2,tb10_messages[tb10_currMsg].length)
tb10_index++
if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){
if (tb10_currMsg == tb10_messages.length-1){
if ((tb10_rptType == 'finite') && (tb10_counter==tb10_rptNbr)){
document.title="";
return;
}
tb10_counter++;
tb10_currMsg = 0;
}
else tb10_currMsg++;
tb10_index=0
tb10_main()
}
else{setTimeout('tb10_clearem()',250)}
}
</script>
then paste . AYAT ANDA tu gantikan dengan ayat yang you all nak . contohnya :
WELCOME TO MY BLOG .
bila dah habis buat semua tu , preview dulu lepastu baru save .
Label: tutorials .
DISABLED RIGHT CLICK (WITH MESSAGE)
Harini tetiba rajin gila nak buat tuto banyak-banyak . HAHA .
disabled right click ni sebenarnya ada dua cara . satu , takda message . yang kedua , ada message . tuto yang ni , yang ada message punya tau . yang takda message punya , lain tahun Fiqa buat :D
DASHBOARD >> DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT .
copy code ni :
<script language="JavaScript">
<!--
var message="MESEJ ANDA";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
lepastu paste .
MESEJ ANDA tu you all letak lah apa-apa yang you all nak . contohnya ,
FUNCTION DISABLED !
ataupun :
AWAK , MAK SAYA TAK BAGI BUAT SEMUA NI .
HEHE . tu cadangan je . tapi you all jangan lah letak ayat yang merepek-repek sangat eh .
Label: tutorials .
SAVE ENERGY .
save energy tu macam benda hitam keluar bila kita tak gerakkan cursor dalam masa yang lama . ekceli Fiqa punn taktahu la nak explain macam mana .. hee :D
kalau nak tahu try lah buat .
DASHBOARD >> DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT .
copy code kat bawah ni :
<script src='http://www.vincentcheung.ca/jsencryption/jsencryption.js' type='text/javascript'></script><script type="text/javascript">if (window.jstiming) window.jstiming.load.tick('headEnd');</script>
<!-- save your energy --><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script><!-- save your energy end --><script type='text/javascript'></script><script type='text/javascript'></script>
lepastu paste lah kat situ . then save . lepastu try lah tengok apa jadi . tapi benda ni ambik masa dalam 1 minit kot baru dia keluar benda tu . hee :D
Label: tutorials .
BUTTON TOP GUNA GAMBAR .
apa function top button ni ? kayy , button top ni function dia bila kita tekan , dia naik atas balik . takpayah lagi nak scroll balik .
DASHBOARD >> DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT .
copy code bawah ni :
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL GAMBAR"
/></a>
lepastu paste .
tajuk takpayah letak . URL GAMBAR tu gantikan dengan URL gambar yang you all suka . boleh cari kat
GlitterGraphics atau
Photobucket .
save and done !
Label: tutorials .
CURSOR KELUAR BINTANG .
cursor keluar bintang tu yang macam bintang warna-warni keluar bila kita gerakkan cursor . faham dah ? macam biasa , go to :
DASHBOARD >> DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT ,
copy code bawah ni :
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/rainbows.js"></script>
lepastu paste dekat dalam HTML/JAVASCRIPT tadi lahh . tajuk takpayah letak okay ? nanti nampak messy .
preview dulu then baru save .
done !
jadi ? tepuk tangan . yeay ! ♥
Label: tutorials .
music player .
okay , tuto ni i fikir 100% dari kepala otak i tau . so , jangan nak tuduh-tuduh i curi tuto you kayy .
sepak kang ! HEHE . kayy , lagu kat blog utama i sekarang , i pakai
musicdumper je . okay , kali ni i nak ajar macam mana nak tukar warna kat kotak musicdumper tu .
musicdumper ni , asalnya kotak dia macamni :
okay , yang kat blog utama i sekarang , macamni :
nampak tak warna dia lain ? beza , kan ? senang je nak buat . kita just tukar code dia je .
contoh macamni :
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMDg3Mzg3MDMzNzUmcHQ9MTMwODc*MTMwNzAwMCZwPTEzNzkyMSZkPSZnPTEmbz*4ZWY4OTY3NTRjMWM*M2ZmODY2/ZWZjODZjNzQ3MDQ3NiZvZj*w.gif" /> <center><embed src="http://static.4shared.com/flash/player.swf?file=http://dc372.4shared.com/img/589466516/1f0605cc/dlink__2Fdownload_2FGbP7OWCb_3Ftsid_3D20110622-103121-d267675d/preview.mp3&image=http://www.musicdumper.com/lg.jpg&repeat=always&autostart=true&frontcolor=cccccc&lightcolor=428cdb&backcolor=111111" width="300" height="68" allowscriptaccess="always"></embed>
<br /><small><a href="http://www.musicdumper.com/" target="_blank">You - Nur Jannah Alia</a></small></center>
okay , korang nampak tak yang i merahkan tu ? code tu , delete okay . lepastu ganti dengan code colour yang korang nak . nak code colour ,
boleh pergi sini .
BUANG LINK DAN TAJUK LAGU .
kalau nak buang link atau tajuk lagu yang ada kat bawah tu , just delete code yang kat bawah ni kayy .
<a href="http://www.musicdumper.com/" target="_blank">You - Nur Jannah Alia</a>
yang kat atas tu contoh je . delete code yang macamtu tauu .
HIDE MUSIC PLAYER .
tengok contoh kat bawah ni :
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMDg3Mzg3MDMzNzUmcHQ9MTMwODc*MjAzNjY4NyZwPTEzNzkyMSZkPSZnPTEmbz*4ZWY4OTY3NTRjMWM*M2ZmODY2/ZWZjODZjNzQ3MDQ3NiZvZj*w.gif" /> <center><embed src="http://static.4shared.com/flash/player.swf?file=http://dc372.4shared.com/img/589466516/1f0605cc/dlink__2Fdownload_2FGbP7OWCb_3Ftsid_3D20110622-103121-d267675d/preview.mp3&image=http://www.musicdumper.com/lg.jpg&repeat=always&autostart=true&frontcolor=cccccc&lightcolor=428cdb&backcolor=111111" width="300" height="68" allowscriptaccess="always"></embed>
<br /><small><a href="http://www.musicdumper.com/" target="_blank">You - Nur Jannah Alia</a></small></center>
nampak tak yang i merahkan tu ? ubah code tu jadi 0 .
tapi i prefer takpayah kot hidekan music player ni sebab nanti kalau visitor yang taksuka lagu kat blog korang tu , susah dia nak cari butang pause . last last dia tekan button X je . kan dah lari visitor tu kan . but that's all is up to you lah ye .
kalau nak kecikkan , Width tu tukar jadi 200 , yang height tu tukar jadi 25 .
faham tidak ? kalau tak faham or ada masalah apa-apa , tanya tau . i tak makan orang :) i makan nasi jugak macam you :D
Label: tutorials .
buang attribution .
attribution tu yang ada tulis :
powered by blogger tu . buruk kan kalau ada kat blog kita ? nak buang ? jom ikot tuto ni .
first , pergi DESIGN >> EDIT HTML >> TICK EXPAND WIDGET TEMPLATES .
ctrl + F serentak , cari code ni :
<b :widget id :' Attribution1 ' locked = true' title='' type = 'Attribution'>
bila dah jumpa , yang tulisan warna merah tu tukarkan kepada ' false'
kalau nak lebih jelas boleh refer gambar kat bawah ni :
jangan save dulu ! lepastu pergi dekat DESIGN , pergi dekat attribution macam dalam gambar bawah ni :
bila dah tekan attribution tu , korang tekan buang ataupun delete macam dalam gambar kat bawah ni :
lepastu try la view blog korang . kalau ada masalah bagitahu kayy .
Label: tutorials .
COPYRIGHT .
copyright tu macam tulisan kat bawah sekali blog korang .
contohnya lah macamni :
COPYRIGHT BY FIEYQA SAM . ALL RIGHT RESERVED . *contoh je .
nak tahu macam mana nak buat ? okay meh sini nak ajar .
first , pergi DASHBOARD >> DESIGN >> EDIT HTML >> TICK EXPAND WIDGET TEMPLATES
ctrl + F
cari code ni :
</body>
jumpa tak ?
kalau jumpa , copy code kat bawah ni :
<center>AYAT ANDA</center>
code tu paste dekat ATAS code </body> tadi okay .
AYAT ANDA tu tukar lah apa-apa ayat yang korang nak letak .
preview dulu baru save . siap !
credit to :
kak hannafauzan .
Label: tutorials .
Center TEXT .
tutorial ni untuk center kan TEXT je . jangan salah eh . only for TEXT tau !
kalau nak centerkan image , header or benda lain tu .. kod dia berbeza tau .
ambik code ni :
<center>YOUR TEXT</center>
YOUR TEXT tu gantikan dengan apa-apa je TEXT yang korang nak kayy .
done !
tak faham tanya tau .
Label: tutorials .
tulisan gerak gerak (marquee)
tahu tak tulisan gerak-gerak tu macam mana ?
dia macamni :
senang je cara dia .
copy code ni :
<marquee>AYAT ANDA</marquee>
tulisan AYAT ANDA tu , korang letaklah apa-apa je ayat yang korang nak okay :)
Label: tutorials .
sparkling cursor .
ni cara nak buat sparkling cursor . bila kau gerakkan cursor kau tu , dia ada keluar macam bunga-bunga gitu . cantik kan ? nak buat jugak ? okay , jom start .
macam biasa , pergi :
DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT .
copy code bawah ni :
<script type='text/javascript'>
// <![CDATA[
var colour="#F88017";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
lepastu paste . yang oren tu , warna dia . kalau nak tukar warna boleh
>>pergi sini<< Label: tutorials .
bubble cursors .
hello , kali ni nak ajar macam mana cara nak buat bubble cursor . tahu tak bubble cursor tu menatang apa ? bubble cursor tu yang macam buih-buih keluar dekat cursor tu . kayy dah faham dah ? dah faham , jom start .
DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT ..
copy code kat bawah ni :
<noscript></noscript><!-- --><script type="text/javascript" src=" http://www.freewebs.com/p.js"></script><script type="text/javascript">
/ / <! [[CDATA // <![CDATA[
warna var = new Array ("# F781BE", "# F781BE", "# F781BE", "# F781BE", "# F781BE"); / / warna untuk atas,, bawah kanan dan batas kiri dan latar belakang gelembung var colours=new Array(" #F781BE ", " #F781BE ", " #F781BE ", " #F781BE ", " #F781BE "); // colours for top, right, bottom and left borders and background of bubbles
var gelembung = 100; / / jumlah maksimum gelembung di paparan var bubbles= 100 ; // maximum number of bubbles on screen
/**************************** /****************************
* JavaScript Bubble Cursor * * JavaScript Bubble Cursor *
* (C) 2010 mf2fm web-design * * (c) 2010 mf2fm web-design *
* Http: / / www.mf2fm.com/rv * * http://www.mf2fm.com/rv *
* JANGAN EDIT BOX BAWAH INI * * DON'T EDIT BELOW THIS BOX *
****************************/ ****************************/
var x = lembu = 400; var x=ox=400;
var y = oy = 300; var y=oy=300;
var swide = 800; var swide=800;
var shigh = 600; var shigh=600;
sleft var = sdown = 0; var sleft=sdown=0;
var baru bubb = Array (); var bubb=new Array();
var baru bubbx = Array (); var bubbx=new Array();
var baru Bubby = Array (); var bubby=new Array();
var bubbs = new Array (); var bubbs=new Array();
window.onload = function () {if (document.getElementById) { window.onload=function() { if (document.getElementById) {
var tikus, div; var rats, div;
for (var i = 0; i <gelembung; i + +) { for (var i=0; i<bubbles; i++) {
tikus = createDiv ("3px", "3px"); rats=createDiv("3px", "3px");
rats.style.visibility = "tersembunyi"; rats.style.visibility="hidden";
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.top = "1px"; div.top="1px";
div.left = "0px"; div.left="0px";
div.bottom = "1px"; div.bottom="1px";
div.right = "0px"; div.right="0px";
div.borderLeft = "1px solid" + warna [3]; div.borderLeft="1px solid "+colours[3];
div.borderRight = "1px solid" + warna [1]; div.borderRight="1px solid "+colours[1];
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.top = "0px"; div.top="0px";
div.left = "1px"; div.left="1px";
div.right = "1px"; div.right="1px";
div.bottom = "0px" div.bottom="0px"
div.borderTop = "1px solid" + warna [0]; div.borderTop="1px solid "+colours[0];
div.borderBottom = "1px solid" + warna [2]; div.borderBottom="1px solid "+colours[2];
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.left = "1px"; div.left="1px";
div.right = "1px"; div.right="1px";
div.bottom = "1px"; div.bottom="1px";
div.top = "1px"; div.top="1px";
div.backgroundColor = warna [4]; div.backgroundColor=colours[4];
div.opacity = 0,5; div.opacity=0.5;
if (document.all) div.filter "=" alpha (opacity = 50); if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild (tikus); document.body.appendChild(rats);
bubb [i] = rats.style; bubb[i]=rats.style;
} }
set_scroll (); set_scroll();
set_width (); set_width();
gelembung (); bubble();
}} }}
fungsi gelembung () { function bubble() {
var c; var c;
jika (lembu x! = | | y! = oy) { if (x!=ox || y!=oy) {
lembu = x; ox=x;
oy = y; oy=y;
for (c = 0; c <gelembung, c + +) if (! Bubby [c]) { for (c=0; c<bubbles; c++) if (!bubby[c]) {
[C]. Bubb kiri = (bubbx [c] = x) + "px"; bubb[c].left=(bubbx[c]=x)+"px";
bubb [c] ". top = (Bubby [c] = y) +" px; bubb[c].top=(bubby[c]=y)+"px";
bubb [c] ". width =" 3px; bubb[c].width="3px";
bubb [c]. height = "3px" bubb[c].height="3px"
bubb [c] ". visibility =" kelihatan; bubb[c].visibility="visible";
bubbs [c] = 3; bubbs[c]=3;
break; break;
} }
} }
for (c = 0; c <gelembung, c + +) jika (Bubby [c]) update_bubb (c); for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout ("gelembung ()", 40); setTimeout("bubble()", 40);
} }
fungsi update_bubb (i) { function update_bubb(i) {
jika (Bubby [i]) { if (bubby[i]) {
Bubby [i] -= bubbs [i] / 2 + i% 2; bubby[i]-=bubbs[i]/2+i%2;
bubbx [i] + = (i% 5-2) / 5; bubbx[i]+=(i%5-2)/5;
jika (Bubby [i]> sdown & & bubbx [i]> 0) { if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random () <bubbs [i] / shigh * 2 & & bubbs [i] + + <8) { if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb [i] ". width = bubbs [i] +" px; bubb[i].width=bubbs[i]+"px";
bubb [i] ". height = bubbs [i] +" px; bubb[i].height=bubbs[i]+"px";
} }
bubb [i] ". top = Bubby [i] +" px; bubb[i].top=bubby[i]+"px";
bubb [i] ". kiri = bubbx [i] +" px; bubb[i].left=bubbx[i]+"px";
} }
else { else {
bubb [i] ". visibility =" hidden; bubb[i].visibility="hidden";
Bubby [i] = 0; bubby[i]=0;
kembali; return;
} }
} }
} }
document.onmousemove = tikus; document.onmousemove=mouse;
fungsi tetikus (e) { function mouse(e) {
set_scroll (); set_scroll();
y = (e):? e.pageY event.y + sleft; y=(e)?e.pageY:event.y+sleft;
x = (e):? e.pageX event.x + sdown;} x=(e)?e.pageX:event.x+sdown; }
window.onresize = set_width; window.onresize=set_width;
fungsi set_width () { function set_width() {
jika (document.documentElement & & document.documentElement.clientWidth) { if (document.documentElement && document.documentElement.clientWidth) {
swide = document.documentElement.clientWidth; swide=document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight; shigh=document.documentElement.clientHeight;
} }
else if (typeof (self.innerHeight) == "number") { else if (typeof(self.innerHeight)=="number") {
swide = self.innerWidth; swide=self.innerWidth;
shigh = self.innerHeight; shigh=self.innerHeight;
} }
else if (document.body.clientWidth) { else if (document.body.clientWidth) {
swide = document.body.clientWidth; swide=document.body.clientWidth;
shigh = document.body.clientHeight; shigh=document.body.clientHeight;
} }
else { else {
swide = 800; swide=800;
shigh = 600; shigh=600;
} }
} }
window.onscroll = set_scroll; window.onscroll=set_scroll;
fungsi set_scroll () { function set_scroll() {
if (typeof (self.pageYOffset) == "number") { if (typeof(self.pageYOffset)=="number") {
sdown = self.pageYOffset; sdown=self.pageYOffset;
sleft = self.pageXOffset; sleft=self.pageXOffset;
} }
else if (document.body.scrollTop | | document.body.scrollLeft) { else if (document.body.scrollTop || document.body.scrollLeft) {
sdown = document.body.scrollTop; sdown=document.body.scrollTop;
sleft = document.body.scrollLeft; sleft=document.body.scrollLeft;
} }
else if (document.documentElement & & (document.documentElement.scrollTop | | document.documentElement.scrollLeft)) { else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft = document.documentElement.scrollLeft; sleft=document.documentElement.scrollLeft;
sdown = document.documentElement.scrollTop; sdown=document.documentElement.scrollTop;
} }
else { else {
sdown = 0; sdown=0;
sleft = 0; sleft=0;
} }
} }
fungsi createDiv (tinggi, lebar) { function createDiv(height, width) {
var div = document.createElement ("div"); var div=document.createElement("div");
div.style.position = "mutlak"; div.style.position="absolute";
div.style.height = tinggi; div.style.height=height;
div.style.width = lebar; div.style.width=width;
div.style.overflow = "tersembunyi"; div.style.overflow="hidden";
kembali (div); return (div);
} }
/ /]]> // ]]>
</ Script> </script>
paste dekat dalam kotak HTML/JAVASCRIPT tu kayy . yang warna pink tu , warna bubbles . kalau nak tukar warna lain boleh
>>klik kat sini <<
siap !
Label: tutorials .
link berpelangi .
ha , tau tak apa benda link berpelangi tu ?? taktau ?? buat-buat tau jelah . heheh .
okay macam biasa ler , DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT .
copy code kat bawah ni :
<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">
/***********************************************
* Script edit
* Please keep thed by Ynn Ainul at http://fwzynn.blogspot.com/
is notice intact
***********************************************/
</script>
lepastu paste dekat HTML/JAVASCRIPT tadi tu . title tuh biarkan kosong . lepastu save lah . lepastu apa ? lepastu siaplah . kalau tak jadi bagitau ye .
Label: tutorials .
floating button TOP and HOME .
macam biasa pergi design , HTML/JavaScript .
copy code ni :
<a href='#' style='position: fixed; right: 1px; bottom: 260px;' title='back to top'><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguh8i8ZSQkhux_NXaxO80xmUhnVq-19CInBeHQIP09MBDf18SVb9qE3LPSUhFEEICtEEvaFiLud1wbBEIYkvHNv22ChI0KQKNgShlcCHMxxGlz1GzdfBfeIPB2v7hbRQznTpVA1auUCks/s320/up.png" width="21" /></a><a href='URL blog anda' style='position: fixed; right: 1px; bottom: 287px;' title='home'><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVtekzLd3LZqo7baP1bnitPz1KOJjNLw-Q7Q0Q5OAM2F6k6jWjXMcRiI-f36XZ87ir6CTOe_e-AiqY7z6KLTdGvoUI2PjSthxG_zy0PGyx5uy4kFCRl8Rq0GQxCGJIkuFI8AHpNWiz2Y/s320/home1.png" width="21" /></a>
pastu paste dekat ruang HTML/Javascript tadi lah .
yang tulisan warna merah tu , letak URL blog anda lah .
lepastu siaplah .
credit to :
pretty syazanaLabel: tutorials .
tukar background .
this is my first tuto . wee ~ haha . okay let's go .
go to HTML/javascript , copy code kat bawah ni and paste dekat HTML/javascript tulah .
<script type="text/javascript">
var background= new Array()
background="url background korang"
document.write("<style>");
document.write("body {");
document.write(' background:url("' + background + '") repeat top center;');
document.write(" }");
document.write("</style>");
</script>
preview dulu .
lepastu save . kalau tak jadi , bagitau ye . background boleh cari dekat photobucket , ego-box ataupun glittergraphics .
Label: tutorials .
.png)
