How To Get Latitude And Longitude Coordinate?

In this post I will show you how to get the latitude and longitude coordinate from the google maps:

Read More

Problem Using Your Built-in Webcam?

As I surf the internet, I saw a lot of people having problem with their built-in webcam especially a laptop/netbook/notebook user. Most of the questions are:-

"I can't use my webcam" ;

"How can I use my webcam" ;

"I have a webcam but I can't use it" ;

Those are some of the popular questions I get from either Facebook or Blog or anywhere on the Internet.

Well, I was also one of those people who asked these question

To solve it, it's simple. I choose to download this software called Picasa Picture Manager. (Picture at right)

It really helps you especially in managing your whole lot of picture. Also, it automatically imports your picture when you plug-in devices such as pendrive, phone, or anything that contains pictures and also video. If you're already interested, click here. Oh forgot to tell you, it is 100% free of charge.

Next, I will guide you on how to do basic things with your new installed Picasa. 

1. Open it of course. Then to use your webcam [AT LAST!] refer the picture.

2. You can also do some basic editing here (not as good as photoshop for sure). Just double-click on the picture you wanna edit. and you'll get this

So, just click and try everything. It's fun once you know how to use it correctly.

You can't expect me to explain everything to you as the usage of this software are too much to be explained by a poor blogger like I am. To learn more about it, just simply click the here. Yup, the same link as before. but this time don't click the 'Download' button as you already have it. Click on one of any picture below it and start exploring.

That's all on this post. Feel free to leave comment and if I did anything wrong please correct me. Human do make mistake. ( psst, I'm not computer. LOL :p )

Read More

Widget Suhoor & Iftar Reminder 2.0 [Maker]

"Widget Suhoor & Iftar Reminder 2.0" a.k.a Widget Pemberitahu Sahur dan Berbuka 2.0".adalah widget yang direka untuk memberi peringatan kepada anda tentang waktu subuh dan waktu maghrib. widget ini mempunyai fungsi pengingat seperti mengeluarkan bunyi untuk memberi tahu anda bahawa waktu yang ditetapkan telah tiba...


widget ini mempunyai 5 elemen ber-update:

1. Gambar
   -gambar ini akan bertukar-tukar dalam 6 waktu.
     -Matahari Terbit (Sunrise)
     -Pertengahan Hari (Midday)
     -Matahari Terbenam (Sunset)
     -Malam (Night)
     -Tengah Malam (Midnight)
     -Subuh (Fajr)
2. Runtime Bar
   -runtimebar atau dalam bahasa melayunya "Jalur Masa"..
   -ianya akan bergerak mengikut masa anda puasa...dan akan penuh sekiranya waktu berbuka telah tiba...
3. Mesej Semasa
   -mesej semasa akan menunjukan perkataan yang anda tetapkan..
   -ia akan bertukar-tukar dalam 3 waktu.
     -Waktu Sahur(Suhoor)
     -Waktu Puasa(Fasting)
     -Waktu Berbuka(Iftar)
4. Jadual Waktu
   -Jadual ini akan menunjukkan waktu subuh dan waktu maghrib...
5. Penunjuk Masa
   -akan menunjukan waktu semasa..

sekira berminat isi borang di bawah....
Latitude & longitude siap sedia adalah coordinate menara KLCC...
sekiranya anda tidak inginkan salah satu elemen anda boleh unmark di row "Allow".
semua yang siap sedia... adalah default...

Widget ini telah dicuba dalam 3 browser. dan ketiga-tiganya menyokong widget ini(untuk membantu sila cuba di browser anda yang lain).

Tested On:

  
Widget ini di bantu oleh script:
 www.Al-Habib.info(Islamic Date)
 PrayTimes.org(Saalat Time Calculation)

Widget Ini memerlukan Latitude & Longitude Coordinate. bagi yang tidak tahu bagai mana ingin mengetahui coordinate negeri anda sila rujuk [link ini]..

Okay..Sekiranya anda terjumpa sebarang error atau inginkan memberi cadangan...just comment je dekat bawah

Read More

How To Get Latitude And Longitude Coordinate?

hi...firstly i wanna tell you...my english is not good....so if you not understand what i said, just understand the image will i show..XD
i will show you how to get a latitude and longitude coordinate from google maps:

Read More

Ramadan Tiba Lagi~ ini maknanya....

asalamualaikum semua...dah ready untuk puasa?siap2 la...fadz excited sangat nk puasa ni...anda macam mana...?mungkin ada yang pernah lihat atau cuba Sahur & Berbuka Reminder kan...?tapi widget itu tahun lepas punya dah tak boleh pakai dah....haha...jangan risau...sebab fadz dah ready awal2 lagi pasal widget seterusnya...

Widget Bulan Puasa 2.0 100% Complete..

widget ni dilengkapi dengan script dari PrayTimes.org... script ini dapat mengira waktu matahari terbit dan matahari terbenam..script website tersebut banyak diguna pakai oleh website2 islamic...jadi fadz gunakannya sebaik munggkin untuk membuat projek ini...


semua dah complete....TAPI...................
the problem is...fadz tak buat lagi borang widget...aduh!!fadz buat widget ni selama 2 minggu..semalam baru siap... tapi widget borang nye belum siap...jangan risau sebab fadz akan CUBA siapkan sebelum start puasa ni...so... pada yang berminat....jangan la segan2 tekan butang FOLLOW tu...dan nantikan "Suhoor & Iftar Reminder 2.0"...atau "Sahur & Berbuka Reminder 2.0"...

UPDATE(Borang dan widget dah siap):-
Widget Suhoor & Iftar Reminder 2.0 [Maker]

Read More

SiteMap For Blogger [Maker]

Assalamualaikum...anda semua pernah dengar tak pasal sitemap?site map sebenarnya adalah page yang dipenuhi dengan pautan2(link) entry yang ada dalam blog anda...dengan adanya sitemap ni, anda tidak perlu lagi menekan butang "older post" atau next...page itu telah mengisi pautan entry anda sepenuhnya...

Lihat Contoh: SiteMap HJS

untuk mendapatkan page sperti diatas..ikut langkah dibawah

1. isikan Url blog anda didalam kotak teks(textbox) dibawah...
   http:///
2. kemudian klik
3. copy kod yang tertera itu...
   
4. pergi ke blogger.com dan buka dashboard blog anda...
   
5. tekan "Page"...[di sebelah kiri]..
   
6. buat satu "blank page"..
   
7. isikan ruangan tajuk(title) sebagai "SiteMap"...
   
8. tekan butang HTML atau Edit HTML
   
9. kemudian pastekan code yang telah anda copy tadi..
   
10. kemudian tekan "Publish"..
    

Read More

Show & Hide Button [Maker]

Hai...Fadz serba salah sebab tak buat post.....so fadz pon buat post tapi... fadz ada macam2 masalah skarang ni...fadz dalam proses blaja java intermediate...tapi fadz tak siap kerja kursus...fadz tak de masa nak buat javascript...gila lah...kalau cikgu tau...mati aku...tapi minat aku lebih kepada IT...bukan nya akaun!...nak ambik tasawur islam je...tapi minat addmath... nak ambik fizik saingan tinggi...budak skarang ramai yang pandai tapi KEDEKUT ILMU....ops....!!sorry emo la plak....btw... fadz ade buat form untuk showhide button..sebenar nye dah siap bulan lepas... tapi no time to upload it...so...hope you use it...

Letakkan Script di bawah dalam template blog anda anda sebelum perkataan"</head>" <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script> function goDynoFunction(){ $(".openElement").click(function (){ $(this.getAttribute("element")).toggle(parseFloat(this.getAttribute("delay")),function(){ }); }); } </script>
Button Type	buttonspandiv
Button Text
Show Wait	Ms
Element Type	divspan
HTML Element	<div>The Displaynation HTML</div>

Example : jQuery Satu Hubungan Hebat Dengan Javascript

Read More

Life Time Checker [My App]

Tahukah anda berapa lamakah anda hidup?berapa bulan?berapa hari?berapa jam?berapa minit?berapa saat?
Jawapannya mustahil untuk mengetahuinya dalam masa satu saat! dengan inspirasi dari kepakaran matematik dan javascript... fadz telah mendapat idea untuk menghasilkan aplikasi lifetime checker!



Aplikasi ini menggunakan function object date untuk mengira beza tarikh lahir dan tarikh sekarang...
aplikasi ini adalah aplikasi terbuka...tidak kira siapa anda, boleh menggunakan aplikasi ini...
aplikasi ini dicipta khas oleh pemilik blog hantujavascript(fadzz)... anda dibenarkan berkongsi link kepada orang lain...

cara-cara:

1. Pilih tarikh lahir.
2. Pilih tarikh sekarang.
3. Tekan check.
4. Lihat result, anda dibenarkan copy result tersebut...edit mengikut kesesuaian

Birthday	:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 January February March April May June July August September October November December 2012 2011 2010 2009 2008 2007 2006 2005 2004 2003 2002 2001 2000 1999 1998 1997 1996 1995 1994 1993 1992 1991 1990 1989 1988 1987 1986 1985 1984 1983 1982 1981 1980 1979 1978 1977 1976 1975 1974 1973 1972 1971 1970 1969 1968 1967 1966 1965 1964 1963 1962 1961 1960 1959 1958 1957 1956 1955 1954 1953 1952 1951 1950 1949 1948 1947 1946 1945 1943 1942 1941 1940 1939 1938 1937 1936 1935 1934 1933 1932 1931 1930 1929 1928 1927 1926 1925 1924 1923 1922 1921 1920
Today	:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 January February March April May June July August September October November December 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2050

Read More

HTML5 Video Tag [Maker]

hai... minggu lepas fadz dah buat tutorial mengupload video dan meletak html5 video player di web/blog anda.. kali ni fadz ingin memudahkan kerja anda... dengan membuat borang untuk url video yang telah anda upload di sites.google.com.... jadi anda hanya perlu mengupload video dan copy url sahaja....


cara-cara:

1. copy download link dari video yang telah anda upload
   
2. isikan url2 anda di ruangan "url video"...
3. kemudian pilih format video
4. kemudian tekan butang "+" sekiranya anda ingin meletakkan video berformat lain...

url video:	1 video/mp4 video/ogg video/webm
width:
height:
poster:
loop:
autoplay:
controls:
error mesage(HTML):	Your browser does not support the video tag.

<video loop controls poster="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUlj6LLVqywrprJ2FJdEXapaqo2s5AY29L6oTFF1ZqbQ-B5vWxjDA4DHyj_WWKQLPbETF3kR_8Atra03ExK0cckBL2-9Gp8NpGW8AXW56TKixXjf9YoDatGuiKM6o8yWI4ouHWoEv7CU/s1600/first.png" height="240" width="320">
 <source src="http://" type="video/mp4"/>
 <div>
  Your browser does not support the video tag.
 </div>
</video>

kemudian, letakkan di tempat yang boleh mengisi html/javascript....[cara blogger]

Read More

HTML5 - Meletak Video Player Anda Sendiri

hai semua... Pada post yang lepas fadz dah bercerita tentang "HTML5 - Canvas"... Kali ini fadz nak bercerita/memberi/mengajar tentan bagaimana hendak meletak video dengan mudah...kod yang saya akan ajarkan ini boleh digunakan dimana-mana jenis website pun dan boleh diletakkan di tempat yang anda suka...


ok... sebelum tu anda perlulah mempunyai website di sites.google.com untuk mengupload video-video anda..

cara untuk membuat website di sites.google.com:-

1. login/signup di google site(sekiranya anda mempunyai account blogger/gmail tidak perlu signup)
   
2. setelah login/signup tekan butan "create"
3. setelah itu...
   -pilih template yang anda suka(tidak perlu cantik sekadar untuk mengupload file)
   -letak nama website anda
   
   -tulis captcha
   -tekan "Create site"
   
4. setelah itu di page anda tekan simbol atau "create page"
5. kemudian letak nama page anda kemudian tekan "create"..(Dinasihati simpan URL diberikan upload file yang seterusnya)
   

Cara upload file/video(boleh ulang step ini sekiranya ingin menambah file):-

1. tekan
2. pilih video mengikut format yang disokong oleh beberapa browser..kemudian tekan "open"
   
   

   (Jadual 1.0)Browser	MP4	WebM	Ogg
   Internet Explorer 9	YES	NO	NO
   Firefox 4.0	NO	YES	YES
   Google Chrome 6	YES	YES	YES
   Apple Safari 5	YES	NO	NO
   Opera 10.6	NO	YES	YES

   
   dinasihati mengupload dua format iaitu mp4 dan webm/ogg
3. copy "download" link
   

setelah itu copy kod dibawah dan letakkan diman saja yang membenarkan code html...[cara.blogger]

<video width="320" height="240" controls>
  <source src="URL1" type="video/mp4" />
  <source src="URL2" type="video/webm" /> 
  <source src="URL3" type="video/ogg" />
  <div class="jikatiada">

    Your browser does not support the video tag.

  </div>
</video>

 tukarkan/buangkan tulisan berwarna:-

• hijau = panjang
• purple = tinggi 
• kuning = boleh dipadam sekiranya tidak mahu controller.
• merah = URL video yang telah diupload(mengikut format yang ada pada "type=")
• oren = kepada perkataan sekiranya format tak di sokong(rujuk kepada jadual)

selepas perkataan "<video " boleh tambah perkataan-perkataan attribute lain seperti loop, outoplay dan poster="" mengikut fungsi tersendiri..:

• loop = akan mengulang video secara outomatik...
• outoplay = akan mainkan video secara outomatik...
• poster="" = dijadikan sebagai thubnail...letakkan url gambar didalam simbol quote...

anda boleh menjadikan seperti ini...:

<video controls loop poster="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUlj6LLVqywrprJ2FJdEXapaqo2s5AY29L6oTFF1ZqbQ-B5vWxjDA4DHyj_WWKQLPbETF3kR_8Atra03ExK0cckBL2-9Gp8NpGW8AXW56TKixXjf9YoDatGuiKM6o8yWI4ouHWoEv7CU/s1600/first.png" height="300" width="390">
 <source src="https://sites.google.com/site/hantujavascript/javascript-project/videoplayback.ogv" type='video/ogg'/>
 <source src="https://sites.google.com/site/hantujavascript/javascript-project/videoplayback.webm" type='video/webm' >
 <source src="https://sites.google.com/site/hantujavascript/javascript-project/videoplayback.mp4" type='video/mp4'>
 <div>
  Your browser has not support this video tag.
 </div>
</video>

source

Read More

Widget Hiasan Akan Tiba!!!

Okay...oleh disebab kan version html5(canvas) tak mendapat sambutan dikalangan blogger2 malaysia kerana mereka tak ambil peduli tentang kecanggihan version html5(canvas) sekarang dan juga blogger2 malaysia jauh ketinggalan berbanding negara2 luar...fadz cuba mengambil satu inisiatif untuk memesat penggunaan canvas dikalangan blogger...


kehebatan canvas boleh melebihi kelebihan flash yang kita belum tahu apa source kodnya...canvas boleh mengawal fungsi di blog dan meletak cookie tapi dia boleh di edit semula, dia tak boleh menyimpan cache...flash pula boleh mengagawal fungsi blog menggunakan javascript hitting dan boleh mnyimpan cache dan cookie dan juga menggunakan resiko graffik yang tinggi lalu boleh membuatkan flash not responding, tetapi dia tidak boleh diedit kecuali menggunakan software tetentu...

berikut adalah kelebihan dan kelemahan canvas dan flash:

• canvas boleh mengawal fungsi di blog....
• canvas boleh di edit dan memadam fungsi scam di blog...
• canvas kurang resiko grafik...
• canvas boleh di hack(kecuali menggunakan system yang tinggi)...
• canvas boleh menyimpan cookies
• berat canvas boleh di lihat daripada bilangan text
• flash boleh mengawal fungsi blog di blog...
• flash boleh menggunakan cache...
• flash tidak boleh diedit kecuali menggunakan software tetentu..

okey...fadz dah terangkan...anda yang menentukan...sekiranya anda beriminat untuk ketahuiwidget setrusnya anda boleh folow fadz ya...dan fadz tak akan meletakkan scamming system dalam blog korang kerana...

fadz juga blogger seperti anda....

Read More

My First Canvas Game

hai...fadz mintak maaf sangat2 sebab fadz memang tak update walau pon tak bz sangat, sbab btape malasnyer nak carik idea....lagi2 ade version javascript terbaru dari html5...so, memang bataknya fadz untuk blajar benda tu...fadz dah cuba dan apa hasil yang akan jadi adalah apa yang korang akan lihat...fadz cuba buat satu game yang simple dan ini hasilnya...

This text is displayed if your browser does not support HTML5 Canvas.

amacam.??..nampak simple(sangat) kan...bagi yang belum kenal javascript tu susah ke senang, dia akan beranggapan game yang fadz buat ni terlalu simple...tapi pada sesiapa yang dah kenal dia pasti takut untuk lihat script yang telah di buat....
open

//get a reference to the canvas
var ctx = $('#canvas')[0].getContext("2d");
var sidebar = document.getElementById("canvasdetail");

ctx.beginPath();
ctx.arc(75, 75, 10, 0, Math.PI*2, true);
ctx.closePath();
ctx.fill();

var cntrwdth;
var cntrhght;
var ballsize = ball.size;
var ballspeed = ball.speed;
var state = "play";
var secokdfj = 0;
var nyawa = game.life;
var x = 200;
var y = 200;
var dx = 2;
var dy = ballspeed-dx;
var WIDTH;
var HEIGHT;
var ctx;
var markah=0;
var masa=0;
var bilanganhentakkan=0;
var markahbonus="calculate...";
var masamrkditolak="calculate...";

var paddlex;
var paddleh;
var paddlew;

var rightDown = false;
var leftDown = false;

var canvasMinX;
var canvasMaxX;

var bricks;
var NROWS;
var NCOLS;
var BRICKWIDTH;
var BRICKHEIGHT;
var PADDING;
var BRICKSPACEW;
var BRICKSPACEH;
var SIDESPACE;

var ejsda = new Array();
var rowcolors = ["#FF0000", "#00FF00", "#0000FF", "#FF00FF", "#FFFF00"];
var paddlecolor = "#0000FF";
var ballcolor = "#FFFFFF";
var backcolor = game.background;
var daosk = brick.numOfRow * brick.numOfCol;
var jumlahmarkah = 0;
var ballimg;
var paddleimg;

function init() {
  ctx = $('#canvas')[0].getContext("2d");
  WIDTH = $("#canvas").width();
  HEIGHT = $("#canvas").height();
  intervalId = setInterval(draw, 10);
  sidebar.style.height='50px';
  sidebar.style.width=WIDTH+'px';
  cntrwdth=WIDTH/2;
  cntrhght=HEIGHT/2;
}

function circle(x,y,r) {
  ctx.beginPath();
  ctx.arc(x, y, r, 0, Math.PI*2, true);
  ctx.closePath();
  ctx.fill();
}

function rect(x,y,w,h) {
  ctx.beginPath();
  ctx.rect(x,y,w,h);
  ctx.closePath();
  ctx.fill();
}

function clear() {
  ctx.clearRect(0, 0, WIDTH, HEIGHT);
}


function init_paddle() {
  paddlex = WIDTH / 2;
  paddleh = paddle.height;
  paddlew = paddle.width;
}


//set rightDown or leftDown if the right or left keys are down
function onKeyDown(evt) {
  if (evt.keyCode == 39) rightDown = true;
  else if (evt.keyCode == 37) leftDown = true;
  if (evt.keyCode == 13){
clearInterval(intervalId);
x = cntrwdth;
y = cntrhght;
initbricks();
secokdfj = 0;
nyawa = 3;
daosk = brick.numOfRow * brick.numOfCol;
intervalId = setInterval(draw, 10);
  }
  if (evt.keyCode == 32&&state=="play"){
if(intervalId>0){
 clearInterval(intervalId);
 intervalId = 0;
}else{
 intervalId = setInterval(draw, 10);
}
  }
}

//and unset them when the right or left key is released
function onKeyUp(evt) {
  if (evt.keyCode == 39) rightDown = false;
  else if (evt.keyCode == 37) leftDown = false;
}

$(document).keydown(onKeyDown);
$(document).keyup(onKeyUp);

function init_mouse() {
  canvasMinX = $("#canvas").offset().left;
  canvasMaxX = canvasMinX + WIDTH;
}
function onMousClick(evt){
if(mymouseX>WIDTH-200&&mymouseX<WIDTH&&mymouseY>HEIGHT-20&&mymouseY<HEIGHT&&state=="win"){
window.open("http://hantujavascript.blogspot.com/","HJS");
}
}
function onMouseMove(evt) {
  mymouseX=evt.pageX-canvasMinX;
  mymouseY=evt.pageY-$("#canvas").offset().top;
  if (evt.pageX > canvasMinX && evt.pageX < canvasMaxX) {
    paddlex = evt.pageX - canvasMinX -50;
  }
  if(mymouseX>WIDTH-200&&mymouseX<WIDTH&&mymouseY>HEIGHT-20&&mymouseY<HEIGHT&&state=="win"){
document.body.style.cursor="pointer";
  }else{
document.body.style.cursor="auto";
  }
}

$(document).mousemove(onMouseMove);
$(document).click(onMousClick);

function initbricks() {
  SIDESPACE = brick.paddingspace;
  NROWS = brick.numOfRow;
  NCOLS = brick.numOfCol;
  BRICKWIDTH = (WIDTH/NCOLS)-SIDESPACE;
  BRICKHEIGHT = brick.height;
  PADDING = brick.padding;
  BRICKSPACEW = brick.spacecol;
  BRICKSPACEH = brick.spacerow;

  bricks = new Array(NROWS);
  for (i=0; i < NROWS; i++) {
    bricks[i] = new Array(NCOLS);
    for (j=0; j < NCOLS; j++) {
      bricks[i][j] = 1;
    }
  }
}
function draw() {
  clear();

  ctx.fillStyle = backcolor;
  rect(0,0, WIDTH,HEIGHT);
  ctx.fillStyle = ballcolor;
  ballimg = new Image();
  ballimg.src = ball.image;
  ctx.drawImage(ballimg, x,y ,ballsize,ballsize);
  if (rightDown) paddlex += paddle.speed;
  else if (leftDown) paddlex -= paddle.speed;
  paddleimg = new Image();
  paddleimg.src = paddle.image;
  ctx.drawImage(paddleimg, paddlex, HEIGHT-paddleh, paddlew,paddleh);
  //draw bricks
  for (i=0; i < NROWS; i++) {
  if(i>=5)rowcolors[i] = rowcolors[i-5];
  ctx.fillStyle = rowcolors[i];
    for (j=0; j < NCOLS; j++) {
      if (bricks[i][j] == 1) {
        rect((j * (BRICKWIDTH + PADDING)) + PADDING+(BRICKWIDTH*BRICKSPACEW),
             (i * (BRICKHEIGHT + PADDING)) + PADDING+(BRICKHEIGHT*BRICKSPACEH),
             BRICKWIDTH, BRICKHEIGHT);
      }
    }
  }
  masa+=1;
  if(secokdfj<=300){
ctx.font="bold 200px Arial";
ctx.textAlign="center";
ctx.textBaseline = "middle";
ctx.fillStyle = "#0000FF";
if(secokdfj>=0&&secokdfj<=100)ctx.fillText("3", cntrwdth,cntrhght);
if(secokdfj>=100&&secokdfj<=200)ctx.fillText("2", cntrwdth,cntrhght);
if(secokdfj>=200&&secokdfj<=300)ctx.fillText("1", cntrwdth,cntrhght);
secokdfj++;
}else{
if(daosk==0){
markahbonus=((masa/(bilanganhentakkan+1))+(1250-(bilanganhentakkan*50))<0) ? 0: parseInt((masa/bilanganhentakkan)+(1250-(bilanganhentakkan*50)));
masamrkditolak=(masa-ejsda[25]);
if(jumlahmarkah+markahbonus-masamrkditolak<0){
    ctx.font="bold 50px monospace";
ctx.fillStyle = "#EE0000";
ctx.textAlign="center";
ctx.fillText("You Lost!", cntrwdth,130);
}else{
    ctx.font="bold 50px monospace";
ctx.fillStyle = "#00EE00";
ctx.textAlign="center";
ctx.fillText("You Win!", cntrwdth,130);
}
    ctx.font="bold 20px monospace";
ctx.fillStyle = "#FF7777";
ctx.textAlign="start";ctx.fillText("Num Of Life  :", 75,160);ctx.textAlign="end";ctx.fillText(parseInt(nyawa), 320,160);
ctx.fillStyle = "#77DDDD";
ctx.textAlign="start";ctx.fillText("Real Score   :", 75,180);ctx.textAlign="end";ctx.fillText(parseInt(jumlahmarkah), 320,180);
ctx.fillStyle = "#77DD77";
ctx.textAlign="start";ctx.fillText("Bonus Score  :", 75,cntrhght);ctx.textAlign="end";ctx.fillText("+"+parseInt(markahbonus), 320,cntrhght);
ctx.fillStyle = "#FF0000";
ctx.textAlign="start";ctx.fillText("Time Rejected:", 75,220);ctx.textAlign="end";ctx.fillText("-"+parseInt(masamrkditolak), 320,220);
ctx.font="bold 30px monospace";
ctx.fillStyle = "#F000FF";
ctx.textAlign="center";
ctx.fillText("Total Score", cntrwdth,250);
ctx.fillText(parseInt(jumlahmarkah+markahbonus-masamrkditolak), cntrwdth,280);

ctx.font="bold 13px 'tempus sans itc'";
ctx.fillStyle = "#00FFFF";
ctx.textAlign="end";
ctx.fillText("HantuJavascript.blogspot.com", WIDTH-5,HEIGHT-10);
ctx.fillStyle = "#FFFF00";
ctx.fillText("by Fadzz at", WIDTH-210,HEIGHT-10);

state="win";
clearInterval(intervalId);
  }
  //have we hit a brick?
  rowheight = BRICKHEIGHT + PADDING;
  colwidth = BRICKWIDTH + PADDING;
  row = Math.floor(y/rowheight)-BRICKSPACEH;
  col = Math.floor(x/colwidth)-BRICKSPACEW;
  tttt = (NROWS * rowheight)+(rowheight*BRICKSPACEH);

  //if so, reverse the ball and mark the brick as broken
  if (y < tttt && row >= 0 && col >= 0 && bricks[row][col] == 1) {
    dy = -dy;
daosk-=1;
markah+=200;
if(daosk==24)ejsda[25]=masa;
if(daosk<=24)ejsda[0]=masa;
    bricks[row][col] = 0;
  }

  if (x + dx +ballsize > WIDTH || x + dx < 0)
    dx = -dx;

  if (y + dy < 0)
    dy = -dy;
  else if (y + dy +ballsize > HEIGHT) {
    if (x +ballsize > paddlex && x+(ballsize/2) < paddlex + paddlew){
bilanganhentakkan+=1;
if(x+(ballsize/2) > paddlex && x+(ballsize/2) <= paddlex +(paddlew/5)*1){dx = (dx>0)? 4 : -4;dy=ballspeed-4}
if(x+(ballsize/2) > paddlex +((paddlew/5)*1) && x+(ballsize/2) <= paddlex +(paddlew/5)*2){dx = (dx>0)? 2 : -2;dy=ballspeed-2}
if(x+(ballsize/2) > paddlex +((paddlew/5)*2) && x+(ballsize/2) <= paddlex +(paddlew/5)*3){dx = (dx>0)? 1 : -1;dy=ballspeed-1}
if(x+(ballsize/2) < paddlex +((paddlew/5)*4) + paddlew && x+(ballsize/2) >= paddlex +((paddlew/5)*3)){dx = (dx>0)? 2 : -2;dy=ballspeed-2}
if(x+(ballsize/2) < paddlex +((paddlew/5)*5) + paddlew && x+(ballsize/2) >= paddlex +((paddlew/5)*4)){dx = (dx>0)? 4 : -4;dy=ballspeed-4}
dy = -dy;
    }else{
if(nyawa>=1){
x = cntrwdth;
y = cntrhght;
secokdfj = 0;
nyawa-=1;
markah-=25;
}else{
ctx.font="bold 50px monospace";
ctx.textAlign="end";
ctx.fillStyle = "#FF0000";
ctx.fillText("You Lost", 330,230);
state="lost";
masamrkditolak='infinity<0';
markahbonus='0';
clearInterval(intervalId);
}
}
  }
  jumlahmarkah = (markah*2<0) ? 0 : parseInt((markah*2)/((200*(NROWS*NCOLS)*2)/10000));
sidebar.innerHTML='<table style="font:normal 13px tomaha;width:100%;"><tbody><tr><td>Nyawa : '+nyawa+'</td><td>Markah Sebenar : '+jumlahmarkah+'</td><td>Masa : '+parseInt((masa/100)/60)+':'+parseInt((masa/100)%60)+':'+parseInt(((masa/100)-parseInt(masa/100))*10)+'</td></tr><tr><td>Masa Ditolak : '+masamrkditolak+'</td><td>Markah Bonus : '+markahbonus+'</td></tr></tbody></table>';
  x += dx;
  y += dy;
  }
}

init();
initbricks();
init_mouse();
init_paddle();

okey lah penat dah cakap... bye....

Read More

Search Box For Blogger [Maker]

Hai semua... da lama dah tak update blog... fadz busy la.. sebab buat macam2 plugin blog cume tak dapat nak bagi tau korang semua.. cuma fadzz nak bagi tau kalo korang ader letak banner HJS ke blog korang maksudnya korang punya blog tu dah dilindungi tanpa korang sedar hehe..
Korang punya blog ader searchbox tak?kalo korang ader hide navbar tu lebih baek korang letak search box.... taktau macam mana nak letak search box kat blog?demi sifat kemanusiaan sesama manusia... fadz nak kasi tau bagai mana nak dapatkan search box untuk blog...


di bawah adalah searchbox untuk yang menggunakan query "/search" seperti blogger...sekiranya anda menggunakan selain daripada blogger search box ini tidak akan berfungsi..melalinkan website anda menggunakan page "/search" untuk mencari query...

cara penggunaan:-

• Isikan Borang maker di bawah ini...*yang diberi adalah sebagai default
• Click buttang "Preview"
• sekiranya anda berpuas hati Click pada buttang "Customize"
• Secara Manual, Copy Kod..atau sekiranya anda menggunakan blogger click "Install"

Default Text	:
Button Text	:
Field Style
Field Size	:
Field Background	:
Field Radius	:	px
Field Border Color	:	#
Field Border Size	:	px
SearchBox Height	:	px

Cara Install Manual?

Read More