Tuesday, May 31, 2011

16 Mei


siapa tak tahu tarikh 16 mei ini khususan untuk siapa, sila angkat ketiak ! ;) ,,, haaa ,, rasenya setiap golongan manusia tahu bahawa tarikh 16 mei adalah khusus untuk guru-guru sedunia ,, kalian janganlah anggap yang saya ini ketinggalan zaman lak ,, lambat cerita tentang hari guru, sebab majoriti blog kawan-kawan saya sudah bercerita tentang majlis hari guru di sekolah masing-masing,, al-maklumlah .. saya nih pelajar asrama penuh ,, jadi .. lambat cikitlah nak cerita tentang hari guru nih ... tapi tak pe .. yang penting ,, saya cerita .. terlebih dahulu ,, saya ingin mengucapkan ,, SELAMAT HARI GURU kepada semua insan yang pernah mengajar dan mendidik saya sepanjag saya hidup di dunia ini ..
hari guru pada sekolah saya di kendalikan 100% oleh pelajar-pelajar senior di sekolah kami ,, iaitu pelajar-pelajar tingkatan 5 ... dengan bertemakan "wedding ceremony" saya dan rakan-rakan tingkatan 5 lelaki dan perempuan berhempas-pulas menyediakan persiapan untuk majlis hari guru ,, ini tahun akhir saya dan rakan-rakan ,, jadi, kami inigin membuat 1 majlis yang gilang-gemilang yang bakal menjadi kenangan dalam hidup kami ...

persiapan dewan telah dilakukan sehari sebelum hari guru ,, dari pagi hinggalah ke malam .. berbagai persiapan telah kami lakukan ,, ad yang kena marah dan di marahi .. tapi tak mengapa ,, kerna itu akan menjadi kenangan dalam hidup saya ...

-pelamin di pentas dewan untuk pengetua dan gpk -

pada hari guru .. guru-guru di arakkan dari perkarangan surau ke dalam dewan dengan di iringi paluan kompang, 

- di arak masuk kedalam dewan -

sebelum para guru masuk ke dalam dewan , ada persembahan silat pengantin oleh pelajar daripada persatuan seni mempertahankan diri sekolah ..

- syakir , daus , alif -

kemudiam , seperti biasa ,, acara bacaan tilawah al-quran dan bacaan tafsir daripada ust zul dan ust muhd zul, bacaan perutusan  daripada menteri-menteri yang disampaikan oleh pengetua dan gpk ..pengerusi majlis pada hari guru yang lepas ialah saudara adzimuddin dan saudara hanif ,,, selepas bacaan perutusan ,,guru-guru dijemput naik keatas pentas untuk bersama-sama menyanyikan lagu "GURU MALAYSIA", selepas nyanyian, pengetua di jemput untuk memotong kek ketika acara memotong kek ,, ..

- ayahanda ust eksan(pengetua) nak potong kek -

selesai acara potong kek ,, guru-guru dijemput makan juadah yang disediakan ,, table manner yang telah saya atur ialah .. pelajar-pelajar lelaki tingkatan 5 menyediakan makanan untuk para guru dan ketua-ketua kelas tingkatan 4 dan 5 menyediakan juadah kek yang telah dipotong oleh ayahanda pengetua tadi ... selepas makan , guru-guru bersukan bersama pelajar-pelajar ...

semasa ini ,, saya dan rakan-rakan mengambil peluang untuk bergambar ,, hehe ,, al-mklum ,, dah pakai hensem-hensem, tak kan tak nak bergambar kot ??




selepas sukan ,, guru-guru berkumpul di dewan semula ,, bagi slot kedua .. haaa ,, slot kedua lebih santai .. di mana guru-guru di minta pendapat ,, tapi hanya perlu bercakap pada tempat duduk mereka sahaja ,, kerana microphone chordless ,, heee ,, ramai juga pendapat dan komen guru yang diminta .. kemudian di selitkan lagi lawak-lawak spotan oleh saudara hanif dan saudara adzimuddin ,,





kemudian ,, acara diserikan lagi dengan persembahan lakonan versi pantoman oleh pelajar-pelajar tingkatan 4 dan tayangan video daripada pelajar-pelajar tingkatan 5 .. dan acara tambahan ,, penyampai cenderamata daripada generasi 20 SMAKJ iaitu khat ucapan selamat hari guru ...

- bentuk bulan dan bintang -

-mikos sebagai model -

saya tertarik dengan kata-kata seorang guru saya ,, beliau berkat, "selama 12 tahun saya mengajar di sekolah ini, tahun inilah hari guru paling best dalam hidup saya" bertapa gembiranya saya mendengarnya ,, haha .. tapi tak pe ,, yang penting ... 

KAMI SAYANG CIKGU !

*p/s: hari guru bukan hanya pada 16 mei semata,, tetapi setiap hari adalah hari guru ...

tutorial: signature

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

signature ataupun trademark adalah penting untuk blog seseorang .. kerana dapat menambahkan lagi keserian blog seseorang itu ... baiklah .. jom kita sama-sama wat signature nih ...  ;)

1) Buka web http://www.mylivesignature.com/ untuk create signatureawak .. kat web ini .. diberi pelbagsi jenis tulisan dan grafik .. awak pilih jea yang mana awak suka ..


2) bila siap pilih .. jangan lupa untuk download signature yang awak wat tadi ..




untuk diletakkan di blog anda .. 

1) dashboard > design > Edit Html > tick Expand Widget Templates

2) tekan ctrl + F untuk menacari kod dibawah ini ...
  <data:post.body/>   

3) Copy kod dibawah ini dan paste di bawah kod tadi..
   <p><div align="left"><img src="URL gambar/signature anda"/></div></p>   

*keterangan
left : kedudukan signature boleh ditukar kepada center ataupun right
URL gambar/signature anda : Masukkan url gambar/signature





4) preview dan save ;)

Monday, May 30, 2011

tutorial: slider shoutbox

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

slider shoutbox ?? tak pernah dengar ea ?? tutor nie adalah aspirasi daripada wan hazel ,,, saya cuma ceduk sikit jea .. hehe ... jom follow tutor nih .. gerek beb !!

1. Dashboard >> design >> add gadget >> HTML / JAVASCRIPT
2. lepastu awak pastekan kod dekat bawahhh ni kat dalam ruangan HTML / JAVASCRIPT tadi !


<style type="text/css">
#at{
position:fixed;
right:300px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url( );
}
.atcontent{
float:left;
border:2px solid #CA226B;
background:url() #000000 repeat bottom center scroll ;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:5px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url()#000000 no-repeat;">
<div style="text-align: center;">

CODE SHOUTBOX KORANG

<div align="right"><a href="javascript:void(0);" onclick="showHideAT()">CLOSE</a></div>
<br /><div align="left" float: right;><a href="URL BLOG KORANG/">by NAMA KORANG</a><div style="color: #FFFFFF;">
<span ></span></div></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:150px; right:5px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://i1119.photobucket.com/albums/k638/muna97/th_shoutbbb.png?t=1300364463" alt="PUSH" title="KLIK ME" /></a>
</div>  


tulisan warna BIRU : awak boleh tukar TOP /BOTTOM / LEFT / RIGHT

top : slider dari atas  .

bottom : slider dari bawah

left : slider dari kiri

right : slider dari kanan


tulisan berwarna : GAMBAR YANG KORANG NAK . :)

tutorial: buat pages dalam blog

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

semasa saya sedang berehat di dorm adik-aik junior ,, tetiba datang seorang pelajar tingkatan 3,, beliau bertanya kepada saya ,, "bang, camne nak wat tab kat blog , yang macam kat blog abang tuh ?" haa .. tutorial pada kali ditujukan khas kepada pelajar tersebut bagi menjawab pertanyaan beliau dan juga kepada blogger sekalian .. ikutilah tutor ini .. amat senang ...

 tutor ini bermula dari Dashboard, ikuti gambar di bawah ...


1) klik pada ikon dalam bulatan merah seperti didalam gambar diatas .. maka,, akan keluar seperti gambar di bawah ...





2) kemudian, klik pada ikon dalam bulatan merah seperti didalam gambar diatas .. maka,, akan keluar seperti gambar di bawah ...


3) seterusnya,  klik pada ikon dalam bulatan merah seperti didalam gambar diatas .. maka,, akan keluar seperti gambar di bawah ...






4) 1} letakkan nama page awak ,, contohnya, 'about me' , 'owner' , 'tutorial' dan sebagainya ...
     ruangan untuk page ini sama macam ruangan untuk entri post ,, jadi, jangan panik ,, letak jea apa-apa yang awak nak letak kat page tuh ..
   
    2} bila dah letak pape yang awak nak kat ruangan tuh ,, klik preview dulu ,, tengok .. gerek ke tak page yang awak cipta tadi ...

   3} kalau berpuas hati .. klik publish page, bila da klik publish page ,, akan keluar seperti gambar di bawah ...



4) saya galakkan awak pilih yang tengah, yang tengah tuh disediakan tab sekali .. pakage arr .. hehe .. tapi terpulang arr pada awak ... bile dah pilih ,, klik save and publish ..... cube view blog awak suda ade tab ...


5) kalau rase nak edit page tuh ... klik icon 'edit' dalam bulatan merah seperti gambar di bawah ...

kemudian , klik publish page ... semoga berjaya ....

tutorial: ubah older,newer dengan home word dengan gambar

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

 wahh ... penat gak otak saya nih .. seharian menghadap laptop jea ... patotlah power cermin mata saya makin naik .. mengahadap laptop 24 jam je tahu ... hmmmm ,,,   issshhh !! apa lah saya nih .. saya nak wat tutor pasal newer, older, home kepada gambar lah .... masyuk beb !


1. Dashboard=>Design=>Edit HTML=>tick Expand Widget Templates .
2. Tekan CTRL+F and search code untuk newer post ni .
    expr:title='data:newerPageTitle'><data:newerPageTitle/>   

3. kod yang warna merah tu ,awak gantikan dengan kod yang saya bagi dekat bawah nih ..
  <img src='http://dl8.glitter-graphics.net/pub/638/638148hihxwgn8gx.gif'/>  

4. kemudian ,  Tekan CTRL+F and search code untuk older post .
   expr:title='data:olderPageTitle'><data:olderPageTitle/>   

5. kod yang warna merah tu ,awak gantikan dengan kod yang saya bagi dekat bawah nih ...
   <img src='http://dl6.glitter-graphics.net/pub/638/638146kvkkfs33zm.gif'/>  

6. seterusnya ,  Tekan CTRL+F and search code untuk home .
   expr:href='data:blog.homepageUrl'><data:homeMsg/>  

7. kod yang warna merah tu ,awak gantikan dengan kod yang saya bagi dekat bawah nih ..
<img src='http://dl2.glitter-graphics.net/pub/1198/1198932yc6y3iekyt.gif'/>

8. tak payah preview, sebab kekadang tak nmpk gambar tu . terus save . senang citer !

tutorial: border keliling blog

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

blog awak akan jadi lebih cantik bila ada border keliling blog awak .. tak percaya ?? cubalah ...


1. Dashboard->Design->Edit HTML->Tick Expand Widget Templates .
2. Tekan CTRL+F ,cari code yang diberi kat bawah ni ok .
   .content-inner {    

3. kalau dah jumpa, copy code kat bawah ni, then paste dekat sebelah dia.
     border: 3px solid #000000;     

*contoh:    .content-inner { border: 3px solid #000000;   

4. kod yang warne merah tuh boleh diubah di SINI ..


*UPDATED !!

ini lak kod untuk border template picture windows
1. Tekan CTRL+F ,cari code yang diberi kat bawah ni ok .
   .main-outer {    


2. kalau dah jumpa, copy code kat bawah ni, then paste dekat sebelah dia.
     border: 3px solid #000000;      

*contoh:     .main-outer { border: 3px solid #000000;    


semoga berjaya !!

tutorial: icon sebelah title post

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

kan selalunya .. kalau awak bukak blog sesape .. mesti ada nampak icon comel kat sebelah title post diaorang ann ?? awak tak teringin ke ?? oraiittt ! hari ini saya akan ajarkan awak ...

1) Dashboard->Design->Edit HTML->Tick Expand Widget Template .

2) tekan CTRL+F cari code ni. .

<a expr:href='data:post.url'><data:post.title/></a>

3) kalau dah jumpa, copy kod kat bawah nih .. dan paste di antara code kat atas ni .

<img src="LinkGambar"/>

*contoh :
<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>

4) awak boleh cari gambar kat glitter-graphics ataupun kat photobucket 



p/s* anda dinasihatkan untuk menggunakan gambar icon yang kecil untuk dijadikan icon sebelah title post ,, agar nampak lebih kemas dan menarik ..

semoga berjaya !!! 

tutorial: basic tutor untuk new blogger

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

kepada para new blogger ,, hari ini saya nak ajar serba sedikit tutor tentang post ...

1. Dashboard => design => page element
kemudian .. tengok gambar bawah nih ...
setting post
nampak tak bulatan merah tuh ?? haaa .. klik kat situ ... bila dah klik .. dye akan keluar macam dalam gambar dibawah ..




ok .. sekarang meh dengar penjelasan saya .. pahamkan betul-betul ...
1. untuk edit .. berapa banyak entri yang awak nak tunjukkan dalam 1 halaman .. setkan di tempat yang bulatan merah tuh ... macam saya .. saya hanya tunjukkan 1 sahaja .. bermakna entri yang latest sahaja yang saya tunjukkan .. selebihnya ada di older post

2. kat bahagian nombor 2 ni .. ialah item-item yang awak nak letak dekat setiap entri awak .. mudah saja .. kalau rase nak letak .. tick je kat kotak tuh .. kalau tak nak .. tak payah klik .. bila dah pilih ikut kesukaan hati awak .. kita berpindah ke nombor 3

3. kat bahagian ini .. kerja awak hanyalah menyusun item-item tadi mengikut kesukaan awak.. hanya perlu drag jea ...

bila dah puas hati .. klik lah save ...

setting header

1) klik bulatan merah tuh ... nanti akan keluar seperti gambar dibawah ..


penerangan:
1. tempat untuk awak letakkan nama blog awak .. letak je nama yang awak suka .. tak ada siapa yang nak marah ..

2. tempat untuk awak merepek-repek tentang blog awak  *kalau tak isi pun tak mengapa

3.  tempat untuk masukkan gambar header yang awak nak .. tak kisah pun .. sama ada dari komputer mahupun dari internet .. kalau nak masokkan guna komputer .. klik bulatan merah tuh ..

4. tick ruangan .. berpandukan gambar di atas tadi ..

bila dah habis upload .. klik save ... siap !!


add gadget

1) klik bulatan merah .. nanti akan keluar seperti gambar dibawah




berikut adlah senarai basic gadget yang disediakan untuk blogspot .. kalau tak berkenan .. boleh usha-usha kat bulatan merah tuh .. kalau dah jumpa gadget yang berkenan .. klik icon yang dalam bulatan biru ..

kemudian ... bila semuanya dah selesai ... klik bulatan biru .. kalau nak preview .. klik icon "preview" tuh .. kalau tak nak .. terus klik ikon "SAVE" ... akhir sekali .. tengoklah hasil yang awak wat deangan klik bulatan merah ....




s e m o g a    b e r j a y a !!

tutorial: scrollbox untuk widget


بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

kan biasanya kita tengok .. kat widget kita kan panjang berjela dengan widget yang entah pape ,, jadi .. apa kata kita PENDEK kan widget tuh .. hehe ... camni caranya ...


1. Dari dashboard > design > add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang anda telah letak di blog)

2. Kemudian masukkan/ubah kod widget seperti berikut.


<div style="width:426px;height:100px;overflow:auto; ">

Letakkan kod widget anda disini

</div>


Note :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki

3. Apabila selesai, save dan lihat hasilnya..

tutorial: note under post

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

haaa .. tutor ni adalah berbentuk pesanan di bawah setiap post entri awak ... jom usha-usha ...


1. Dashboard=>Design=>Edit HTML=>Tick Expand Widget Templates,
2. Sila tekan CTRL+F and search code dekat bawah ni okeh :)

<data:post.body/>

3. lepas dah jumpa code tu , korang copy code kat bawah ni .

<hr/><center>PESANAN ANDA</center><hr/>

4. yang PESANAN ANDA tu korang ganti la dengan apa2 pesanan pun.
5. Preview , kalau jadi save saje :D

tutorial: buang attribution

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

kali ini .. kita akan buang sesuatu yang amat susah untuk dibuang .. iaitu .. attribution ... tak percaya ,, cuba arr awak remove ,, jap lagi ada balik ... jadi ,. nak mudah buang .. ikot tutor nih ...


1. Dashboard -> Design -> Edit HTML -> Tick Expand Widget Template .
2. Lepas tu, tekan CTRL+F and search code kat bawah ni ok .

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

3. Bila dah jumpa, perkataan yang hana merahkan tu, korang tukar kepada false .
    Dah tukar tekan button Save Templates .
4. Pergi blog korang . bukak widget attribution kat bawah blog korang tu.. then ,, klik remove button ,, dengan senang hatinya dia akan hilang .. hehe

tutorial: dropdown menu

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
 
dropdown menu ni biasanya digunakan untuk menjimatkan ruang ,,, kalau xtak percaya ?? cubalah tutor nih ...

1. dashboard --> design --> page element --> add a gadget --> HTML/javascript

2. Copy code berikut ke dalam ruangan html/javascript.


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
</select>

talian hayat ;)
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan perkataan/ayat untuk link



Kalau rasa ada banyak perkara yang nak di isi,, cuma copy paste <option value="Link 2">Text 2</option> dan letakkan sebelum </select>

3. save !

tutorial: shadow effect pada post tittle + tittle sidebar

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته


ahaa ,, tutor paling midah kat dunia nih ... hehehe ...

1. Dashboard=>Design=>Edit HTML=>tick Expand Widget Templates .
2. Untuk buat shadow untuk post title, korang tekan CTRL+F and cari code ni.

h3.post-title {

3. dah jumpa ? paste kod kat bawah nih .. dekat bawah kod atas nih ...

text-shadow: 2px 2px 3px #FFFFFF;

4. Untuk buat shadow dekat title sidebar pulak, korang cari code ni

h2 {

5. dah jumpa ? paste kod kat bawah nih .. dekat bawah kod atas nih ...

text-shadow: 2px 2px 3px #FFFFFF;

6. ubah kod warner yang berwarna hijau tuh dengan warna kesukaan awak.. boleh rujuk kat >sini<
7. semoga berjaya ;)

tutorial: all copyright reserved

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته




tutorial pada kali ini adalah berkaitan dengan privasi kita ....

 disable highlight :

1. Dari dashboard --> design > add a gadget --> HTML/javascript
2. Masukkan kod di bawah dalam ruangan HTML/javascript 
 

<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>


diable right click:


1. Dashboard->Design->Edit HTML->Tick expand widget templates .
2. Tekan CTRL+F , search code yang hana bagi dekat bawah ni .

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

3. Gantikan kod yang atas ni .. dengan kod nih ..

<body oncontextmenu='return false;'>

4. save !

Saturday, May 14, 2011

tutorial: bubbles' cursor effect

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

haaaa dah lama juga saya tak buat tutorial nih ... fuhhh ... takpe.. hari ini kita belajar cara nak letak buih dalam blog kita .. mudah saja ...



1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy code bubble cursor di bawah, kemudian paste di ruangan HTML/javascript. (code ini bubble warna hijau. Untuk tukar warna bubble, sila ikuti tutorial sehingga habis)

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">

// <![CDATA[

var colours=new Array("#003300 ", "003300 ", "#003300 ", "#003300 ", "#003300 "); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=300; // maximum number of bubbles on screen



/****************************

* JavaScript Bubble Cursor *

* (c) 2010 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON'T EDIT BELOW THIS BOX *

****************************/

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();



window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";



div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];



div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];



div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";



document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}



function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}



function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}



document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }



window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}



window.onscroll=set_scroll;

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;

}

}



function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}

// ]]>
</script>

kalau tak minat warna hijau .. boleh tukar warne lain .. untuk ubah warne bubble tuh .. klik > SINI <
*gantikan kod warna yang baru tuh .. dekat kod warne yang di BOLD kan tuh ...

Monday, May 02, 2011

exam fever !

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

haaa .. untuk makluman para pembaca sekalian .. pada 03/05/2011 - 27/05/2011 ini .. saya dan rakan-rakan(satu sekolah) akan menghadapi peperiksaan pertengahan tahun 2011 ,, huh ! subgguh mendebarkan, lagi-lagi bagi calon spm 2011! hal ini kerana, tajuk yang akan keluar adalah kesuluruhan tajuk tingkatan 4 dan 1/3 tajuk tingkatan 5 ,, waaa,, memang calon SPM 2011 kena ulangkaji tajuk-tajuk tingkatan 4, terutamanya bagi subjek KIMIA, FIZIK, BIOLOGI, MATEMATIK TAMBAHAN, dan PRISINP AKAUN ... tidak ketinggalan juga bagi subjek-subjek teras ...sperti BAHASA MELAYU< BAHASA INGGERIS, SEJARAH dan sebagainya ...

sebelum peperiksaan bermula ,, mestilah lengkapkan diri kita dengan persediaan awal seperti ulangkaji pelajaran, perbanyakkan solat hajat dan sebagainya ,, saya teringat kata-kata seorang guru saya iaitu... "kalau mahukan kejayaan milik kita,, mesti ada S.A.T.U (sedia, awal, tumpu, ulangkaji)" haaa .. bila direnung kembali.. ada benarnya kata-kata guru ini .. 'persediaan awal, tumpuan dalam kelas dan ulangkaji' adalah method utama untuk mencapai kejayaan ,,dan bagi saya, saya perlu perbaiki keputusan Ujian Penilaian Kurikulum 1 yang lepas,, saya mesti dapatkan 5A ke atas dan tiada G.. insyaALLAH ...

bila dah berusaha bersungguh-sungguh .. perlulah diiringi dengan bertawakal kepada ALLAH SWT,, kerana kita hanya merancang, Allah yang menentukan ...

*kepada pembaca yang di hormati,, doakanlah kejayaan saya dan rakan-rakan dalam perjuangan kami menempuhi liku-liku menuntu ilmu dunia dan akhirat ini ,, kerana "menuntut ilmu adalah fardu keatas setiap mu'min" dan "barangsiapa yang menuntut ilmu kerana ALLah, sama seperti sedang berjihad di jalan ALLAH

wallahu a'lam ~

Sunday, May 01, 2011

single ? ada masalah ??

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

PROLOG

pada hari jumaat yang lepas, hari yang paling bermakna bagi pelajar-pelajar sekolah berasrama penuh ,,iaitu hari cuti sekolah bagi pelajar-pelajar sekolah berasrama penuh ... saya menaiki bas S&S Kluang - Larkin pada jam 3.30 petang.. wahh ,, alangkah terkejutnya bila mana hanya saya seorang sahaja pelajar putera dari sekolah saya yang ada dalam bas S&S tuh ,, yang lain pelajar-pelajar dari sekolah vokasional Kluang .. bertambah terkejutnya saya bila mana saya boleh tak sedar yang adik sedara saya berada dalam bas yang sama dengan saya .. haaa .. saya dapat tahu pun masa dah nak sampai Larkin ,, semasa dalam bas, ada pula seorang dak perempuan ni ,, tertumpahkan air ,, air mengalir ats lantai ,, nasib baik tak kena beg saya ,, habis melekit lantai tempat duduk saya ! issshhh ,, sabar jelaaa .. 
_______________

setiba di Larkin, saya pun cari port untuk letak beg ,,bila dah jumpa .. macam biasa lah .. sebagai seorang muslim,, solat itu wajib kerana solat adalah tiang agama ,, tambahan lagi, saya ni lelaki ,, takde alasan untuk mengelak,, saya pun pergilah ke Masjid An-Nur kat aras 3 Terminal Larkin untuk menunaikan solat asar,, setelah usai menunaikan solat asar ,, semasa nak pakai kasut tuh ,, Allah pertemukan saya dengan kawan-kawan lama saya ,, ada laa dalam 5-6 orang gituh.. masing-masing daripada MRSM pontian dan MRSM muazam shah ,, haaa ,, orang pandai lah katakan ... huuu ,,, masa tuh macam nak nangis pun ada gak ,, nangis kegembiraan ,, sebab dah lama rasa rindu dalam hati ini ingin berjumpa kawan-kawan lama ,,, hehehehee ,,

ngobrol punya ngobrol ,, tetiba je sorang kawan saya nih tanya kat saya,, "ZIm, pe cer ?? still single lagi ke ??" mulanya tuh ,, saya terkejut juga laaa ,, tapi dengan sejujurnya saya punya menjawab pertanyaan kawan saya tadi, "aq ?? single lagi laaa..." .. mereka seakan tidak percaya dengan apa yang telah saya perkatakan sebentar tadi ,, kemudian, timbul lagi persoalan, "aik ?? kau biar betul ?? muka macam kau ni ,, xkan xde sorang pun yang tersangkut kot ??" ,, haha hampir tergelak dengan pertanyaan itu ,, saya pun cakap laa ,, "aku malas lah nak pikir pasal soal hati dan perasaan ni.. yang sesakkan kepala jea ,, SPM pun x amik lagi"  ,,kemudian,, saya mendapat panggilan dari akak saya ,, itu bermakna beliau telah tiba untuk menjemput saya pulang..

(berbalik semula pada gambar diatas),,, pada saya ,, tak ada masalah pun kalau saya bergelar single,, lantaklah orang nak cakap pe ,, nak cakap tak ikut trend semasa,, wajibkah saya ni bercouple dan bercinta ?? berdosakah saya kalau saya tak bercoule dan bercinta?? sebaik sahaja tiba dirumah ,, saya pun bersihkan diri dan menunaikan solat maghrib ,, kamudian sya online facebook saya .. dan saya perasan status salah seorang daripada kawan facebook saya,, (lihat gambar di bawah)

identiti dan gambar dirahsiakan atas sebagai privasi dan menjaga kehormatan beliau~

persoalannya, perlukah kita cemburu pada benda yang tak penting ?? saya pun menasihati kawan saya ,, dan alhamdulillah kawan saya boleh terima nasihat saya dengan hati yang terbuka .. pada saya , single tak menjadi masalah kepada saya kerana saya lebih mementingkan perkara yang berkaitan diri saya seperti ,, keluarga saya, kawan-kawan saya, SPM dan kemana halatuju saya selepas spm,, perkara seperti inilah yang patut difikirkan.. kerana perkara-perkara itu jauh lebih penting daripada status diri kita ,,, single or taken ?? itu bukan soalan utama ,, adakah status kita yang diperlukan untuk mencari pekerjaan yang baik ?? tidak sama sekali ,, yang diperlukan ialah keputusan SPM yang cemerlang ,, itulah yang dipandang !
_______________

EPILOG

tuntasnya, pembaca janganlah berasa hairan jika status saya masih lagi 'single' ,, kerana itu adalah perkara yang ke 100 dalam hidup saya ,, manakala penampilan pula perkara ke 3 dalam hidup saya ,, saya tertarik dengan tag word cerita SEE YOU DI IPT,, 

"Kejar cita-cita dulu, baru kejar cinta"

special guest :)