Tutorial : Snow Effect.

Hey. So, macam mane first day sekolah hari nieh ? Okay tak. Mesti lah okay kan. Lain lah aina. Hmm, takdek semangat langsung nak belajar dekat sekolah tadi. Rase mengantuk sangat-sangat. Lepas tuh, best friends aina pulak takdek. Lagi lah takdek semangat nak belajar. Umm, tak sah kalau tak berborak dengan dye satu hari.
Okay, never mind. Lupekan cerita tadi. Hari nieh aina nak buat tutorial yang direquestkan oleh kawan aina, Mieyra. Semalam dye hantar chat dekat aina, suruh aina buat tutorial nieh. Tapi aina dah penat sangat buat 3 tutorial. So, aina decided nak buat hari nieh. Agak rajin sikit. * belajar malas. Hee, jom kite mule.
Dashboard > Design > Add a Gadget > Html/JavaScript
Copy code bawah nieh and anda paste dekat html/javascript.
<script>
//Here you can add your own picture for snow. Just change the urlvar snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"//how many snowflakes there will be (currently 12)var no =40;//How fast will the snow disappear (0 is never)var hidesnowtime = 0;//The height the snow will reach before it disappears ("windowheight" or "pageheight")var snowdistance = "pageheight";///////////////////////////////End of Settings///////////////////////////////////var ie4up = (document.all) ? 1 : 0;var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
var dx, xp, yp;var am, stx, sty;var i, doc_width = 800, doc_height = 600;
if (ns6up){doc_width = self.innerWidth;doc_height = self.innerHeight;}elseif (ie4up){doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}
dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();
for (i = 0; i < no; ++ i){dx[i] = 0;xp[i] = Math.random()*(doc_width-50);yp[i] = Math.random()*doc_height;am[i] = Math.random()*20;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();if (ie4up||ns6up){if (i == 0){document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");}else{document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");}}}
function snowIE_NS6(){doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;for (i = 0; i < no; ++ i){yp[i] += sty[i];if (yp[i] > doc_height-50){xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = 0;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();}dx[i] += stx[i];document.getElementById("dot"+i).style.top=yp[i]+"px";document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";}snowtimer=setTimeout("snowIE_NS6()", 10);}
function hidesnow(){if (window.snowtimer) clearTimeout(snowtimer)for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"}

if (ie4up||ns6up){snowIE_NS6();if (hidesnowtime>0)setTimeout("hidesnow()", hidesnowtime*1000)}</script>
Lepas tuh, anda nampak tak tulisan yang aina dah bold kan dengan color biru tuh ? Haa, yang tuh code snow warna putih tau. Kalau nak color lain pun ade jugak.
hitam
http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png
pink/merah
http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png
biru
http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png
Okay, dah siap. Tekan save dan lihat hasilnye. Selamat mencuba :)
credit to : Apit

Tutorial : Image Effect.

Malam nieh last updated. Lepas nieh, sign out blog. Click pangkah yang warna merah tuh. And then refresh banyak-banyak. Lepas tuh click start. Click Shut Down. Finally, off. Last sekali tidur. Hee, tutorial kali nieh direquestkan oleh Kak Yana di Facebook. Hari tuh dah buat dah tutorial nieh. Tapi pergi delete pulak.
Dashboard > Design > Add a Gadget > Html/JavaScript
Tekan Ctrl+c untuk copy code and Ctrl+v untuk paste code. Paham tak nieh ? Ade dua code tau. Code pertama bile kite cursor gambar tuh dye akan jadi kabur. Code kedua, gambar tuh kabur and bile kite cursor dekat gambar tuh. Kite akan dapat lihat jelas gambar yang kite cursor tuh. * keling ke ayat aku nieh. Haha, never mind.
Code Image Effect 1 :
<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>


Code Image Effect 2 :
<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>
 Okay, save dan lihat lah hasilnye. Bye-bye, aina nak tidur dah. Have a sweet dream.
Esok, best friend aina dah takdek dah dekat sekolah. Takdek dah nak teman aina pagi-pagi esok. Takdek dah nak jalan dengan aina lepas nieh. Takdek dah duduk same-same time perhimpunan nanty. Harap kau tak lupe aku echa. I Love You kambing gemuk.

Tutorial : Membuat Spoiler.

Hey babes and dudes. Hee, hari nieh ramai pulak yang mintak aku buat tutorial. * choi, macam lah banyak sangat. 3 tutorial jeh, tuh pon nak bangga. Haha, okay-okay. So, malam nieh aina nak buat tutorial yang direquestkan oleh adek Nisa Nasuha. By the way, her blog so sweet. Comel jeh tengok. Hee, okay jom kite mule. Nieh lah dye spoiler kalau sape yang tak tahu. Now dah tahu, buat lah cepat.

Dashboard > Design > Add a gadget > Html/JavaScript
Okay, then. Anda copy code dibawah nieh and paste di html/javascript tuh tadi.
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Pamirkan" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Pamirkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Masukkan Code JavaScript/Gambar/Text di sini


</div></div></div></div>
Dah ? Okay, good. Then yang color biru tuh anda tukar lah dengan ayat yang anda nak ? Gambar ke ?Or code javascript ke and whatever la . Senang je kan ? And yang Pamirkan tu tukar kepada perkataan sebelum spoiler dibuka and Tutup kepada perkataan selepas spoiler dibuka. Lepas tuh save. Okay, dah siap. Senang jeh kan.
credit to : Apit

Tutorial : Youtube Autoplay ( new )


Hello there. So hari nieh aina nak post tutorial pasal youtube autoplay versi baru. * cehh, betol ke ayat aina nieh. Okay, kalau saudara saudari semua tengok lah kan. Code youtube sekarang makin lame makin maju jugak kan ? Kejap-kejap tukar, kejap-kejap tukar kan. So, tutorial nieh di request kan oleh Alyanz. Jom lah kite start.
First sekali search youtube, and cari lagu yang korang nak. Bukak video tuh and scroll ke bawah sikit sampai lah jumpe benda macam gambar dekat bawah nieh. Haa, nampak tak ?
Photobucket

Second, click dekat share tuh and korang akan nampak words Embed. Kalau tak nampak, dah tak lame lah tuh. Lepas korang click words Embed tuh, dye akan keluar satu kotak. And dalam kotak tuh lah code yang kite nak amek and letak dalam blog.

Before that jangan lupe satu hal nieh, korang jangan tick semua yang ade dekat situ tau. Korang just tick dekat kotak yang tulis ' Use old embed code [?] ' sahaja okay.
Dashboard > Design > Add a gadget > Html/JavaScript
Copy code Embed dekat youtube tuh tadi and paste di Html/JavaScript nieh. Okay, lepas tuh korang cari code macam nieh pulak dekat code youtube tadi.
object width="425" height="349"
Dah jumpe ? And then width and height tuh ikut suke hati korang lah korang nak tukar berape-berape pon. Aina cadang kan korang tukar width "425" jadi "200" and height "349" jadi "25". Nanti dye jadi macam dekat bawah nieh. Both kene tukar tau.
object width="200" height="25"
So, kalau korang nak tengok full code dye jadi macam mane. Haa, tengok nieh. Aina dah buat dah untuk korang. Nieh lagu favourite aina, Aishiteru. Hehe, best lagu dye.
<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/D3-dvCXE-6E?SINIversionSINI=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/D3-dvCXE-6E?SINIversionSINI=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Korang jangan lupe benda alah nieh. Hehe, gantikan okay. Lain dari yang lain.
Perkataan version tuh, korang gantikan dengan perkataan fs.
Kalau nak AUTOPLAY, korang tambah code nieh dekat SINI.
&autoplay
Kalau nak TRANSPARENT pulak, korang tambah code nieh dekat SINI.
color1=0xffffff&amp;color2=0xffffff
So, kalau nak tahu hasilnye jadi macam mane. Haa, nieh dye hasilnye.
<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/D3-dvCXE-6E?color1=0xffffff&amp;color2=0xfffffffs&autoplay=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/D3-dvCXE-6E?color1=0xffffff&amp;color2=0xfffffffs&autoplay=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Okay, dah siap. By the way, aina tak tahu lah kalau ade orang buat tutorial benda nieh lain dari aina buat. Maybe lagi senang kot. Sebabnye, kelmarin aina try buat menjadi. So, aina just buat jelah ape yang aina dah buat. So, kalau tak paham sila-sila komen yekk. Insyallah nanti aina akan reply komen korang. Okay, selamat mencuba.