Hai , saya Nur Huda Rosley . Si kecil molek lagi comel . Ohkay perasannya >_< Saya 13 tahun , tahun depan dah 14 . Haha tua dah ! Saya stay Melaka :) Saya ada kawan baik . Iaitu LOOPERZ :') Pakwe ? Maaf , belum tiba masanya :) Saya sayang Ibu Ayah saya serta adik beradik saya :')

November 2011

February 2012

March 2012

April 2012

July 2012

September 2012

October 2012

December 2012

July 2013

August 2013

September 2013

October 2013

Wafa

Izza

Nadia

Tika

Jaja

Tutorial : Letak Lagu Dalam Blog

Tutorial : Falling Love Object

1. Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy and Paste code di bawah di ruangan Html itu..

______________________________________________
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=48 height=631 style='position:absolute; left:85%; top:5px; width:15; height:631px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=22 height=655 style='position:absolute; left:9%; top:171px; width:15; height:655px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=49 height=659 style='position:absolute; left:80%; top:61px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=47 height=629 style='position:absolute; left:34%; top:61px; width:15; height:629px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=13 height=584 style='position:absolute; left:12%; top:126px; width:15; height:584px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=689 style='position:absolute; left:48%; top:171px; width:15; height:689px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=19 height=666 style='position:absolute; left:23%; top:139px; width:15; height:666px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=619 style='position:absolute; left:40%; top:90px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=16 height=592 style='position:absolute; left:52%; top:180px; width:15; height:592px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=23 height=695 style='position:absolute; left:10%; top:1px; width:15; height:695px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=50 height=532 style='position:absolute; left:66%; top:1px; width:15; height:532px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=27 height=662 style='position:absolute; left:8%; top:7px; width:15; height:662px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=42 height=649 style='position:absolute; left:33%; top:173px; width:15; height:649px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=555 style='position:absolute; left:92%; top:197px; width:15; height:555px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=35 height=568 style='position:absolute; left:87%; top:185px; width:15; height:568px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=14 height=659 style='position:absolute; left:89%; top:46px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=685 style='position:absolute; left:29%; top:0px; width:15; height:685px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=30 height=619 style='position:absolute; left:29%; top:108px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=45 height=530 style='position:absolute; left:38%; top:45px; width:15; height:530px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=38 height=572 style='position:absolute; left:73%; top:129px; width:15; height:572px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
_________________________________________________



3. Object di atas , adalah untuk jatuh kan object LOVE PINK .
(Banyak lagi Icon Comel kat SINI !)

4. **Penting !! Add gadget di BAWAH header :)

5. Dah siap . SAVE ;)

Tutorial : HOME icon untuk blog

1. Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k.

___________________________________________
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
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; bottom:10px; left:-12px;'>

<a class='linkopacity' href='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />
___________________________________________


*p/s : Korang bleh jgk , kalo nak ubah

width="50" height="50" ikot ke sesesuaian blog korunk k.

Law korunk nak letak kat bahagian atas korunk tukar kod yang berwarna pink tu k

bottom:10px; left:-12px;'>

Bottom tuka ke top
Left tka ke right
Dekat sini , Wani ada serta kan , beberapa link code icon ;)

   http://i122.photobucket.com/albums/o280/techwar88/home.gif


http://i269.photobucket.com/albums/jj47/anjieya/home-icon.jpg

http://i1029.photobucket.com/albums/y356/PachirisuFan1/Icons/Home_icon.gif



http://i604.photobucket.com/albums/tt126/heporz/Icon/home-64x64.png



http://i257.photobucket.com/albums/hh229/rhythmskateshop/Home_64x64.png



http://i177.photobucket.com/albums/w205/hns911/frindster.gif



KALAU DAH AMEKK 2 , JGN LUPE IMFOM KAT WANI TAWW . =]

Tutorial : Letak Perkataan "Assalamualaikum" Di Setiap Entry

<center><img src="URL PERKATAAN ASSALAMUALAIKUM"/></center>
_____________________________________

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPX_8CaxFC8CrUDPZQ0sXr6xz1XbouwigIJXgn9zsV9dp-sQPeDF-HtzlqNeVmudZ_Pq-9z1ZhnwJ0mSJesMshrkbANFXZaxgRGhti7MoJUjjroZemdTvxsBVIU0nvxVsm5UWds3gdlF8/s1600/assalamualaikum.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFB3avknR24nZ7CnPwb5jG0lmIaiuUC5mrFEJEdSwYCh-xOCUZdqtmqBbAIIe-Dv9-sZzLsbb0JskueGVnUJzw6_-inhaHp0jSpT8NzDM5EaYy_KH7UIHSd7Z57KEBl4D0MUaSHSgp9o/s1600/assalamualaikum1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wlImh2Ak08k3iDn3AW3xvgR_Hl5F5g1Vm_GkpcKASE4oijC4BzeI2eY7TdoWvNemYzAcsxo0z1aAIleVMh91bsddVKs_BHmhZ9Jc4o3QOroFe8PJrfIyUIyYSDDC6oRC5WW_-vNogLo/s1600/assalamualaikum2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAKbuyD_dFsbjQVP5MJFwy71OwAzI85SRTHsHaEy6V-mXo1gAmS0tPgeDNfq1jzYCaoo0iTIjTH-r0kbBx_20wqqHe_3vYmQLhOCNr_femBsHDeK2CHbHDk-zJhULFVUEtHr-IgQAiGBo/s1600/assalamualaikum3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPhyphenhyphenwHsBbBFSZvB705ZovswvZVyRSnNN5rGTtwrp3hlGMKEMpgoKdmjK90BgVQ_o1EciN9wszyczG31AvOE2QEF5Dm8guBaClt772OoaGS2Bin2R1Ly2JDT_QySjTg7vODI0nzFXR1NiQ/s1600/assalamualaikum4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCO1Nxtm_E3D12R03t1qsb322loqqk2JzF0I1r_6ejvzfpAT2tGYwu8qEma5KWRDe5blxVnNQXqI6NjQujpYROS_TJ7okFFlVIrw-O7uNqIyDZNzjTEqx9XNaSxgbwYkFRMaOJCAfACFc/s1600/assalamualaikum5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxZVt0gCl-acZXZuqlZQL6i3vE6h1x6u8Db2xrT-FM_QkZvF9NDlmEYqioT6pZNYprY-XKafCSSN7b2b128tCDkN5liNzpmoTzzRVmJXsOk4Nb2Cxz5T4T3iWBQK-ce2rRCAxw8OQsoog/s1600/assalamualaikum6.png

PASTIKAN IMFOM KAT WANI DULU TAWW .
selamad mencube !

Tutorial : Welcome Image (Click Here To Enter)

 

]]></b:skin>
____________________________





______________________________
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="URL IMAGE YANG KORANG SUKA"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>
_____________________________________



6. Lepas sudahh SAVE akan keluar KEEP WIDGET or DELETE WIDGET .
Korangg tekan DELETE WIDGET ok ? 


***pstt.. Tutorial ni , kalau dah buat tak boleh delete dah taw kod tuh.
So , nasihat Wani , korang buat Download Full Template dulu . SAVE kod html korang dalam PC korang . Kalau tak jadi ke hapee , at least , ada backup enn :)
 

http://i.imgur.com/9qos6.png

http://i.imgur.com/77ESW.png

http://i.imgur.com/8iOw6.png

http://i.imgur.com/80cHf.png

http://i.imgur.com/VC5pj.png

PASTIKAN BILE KORUNK NA AMEKK IMEJ TOO , IMFOM KAT WANI DULU TAWW . =]

TUTORIAL : SNOW  BALL EFFECT

<script>

//Here you can add your own picture for snow. Just change the url
var 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;
}
else
if (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>
___________________________________________

3. Paste di ruangan Html/Javascript tu yer ..

4. Korang boleh pilih color snow ball nama yang cantik menarikk kaw mmg da boom!!

**Korang gantikan dengan kod yang berwarna merah di atas :)

http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png

 http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png

 http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png

 

5. Dah siap , SAVE :) Tengok lah hasilnya ^^ Chill~







KALAU NAK AMIKK TUTO NI , BAGI TAWU YEKK !
 








TUTORIAL : HIDE SHOUTBOX



Kat Sini ! Wani ada bagi beberapa contoh image untuk Shoutbox ! Korang nak ? Ambik-Ambik ! jgn malu!


  http://i.imgur.com/OUTeg.png


  http://i.imgur.com/IDCVW.png


  http://i.imgur.com/jrMSv.png


  http://i.imgur.com/jVMmK.png


          http://i.imgur.com/fIquP.png





PASTIKAN APABILA KORUNK NAK AMBIL  BAGI TAHU WANI YEE .





Andainya lelaki tahu..
Apabila seorang perempuan jatuh cinta,
lelaki itu tidak semestinya punya segalanya tetapi lelaki itu adalah segalanya di hatinya.
Andainya lelaki tahu..
Apabila seorang perempuan itu mengalirkan air mata, itu bukan bermakna dia lemah, tetapi dia sedang mencari kekuatan untuk terus tabah menyintai lelaki itu.
Andainya lelaki tahu..
Apabila seorang perempuan marah, memang dia tidak mampu mengawal perasaannya tapi percayalah, itulah maknanya dia sangat mengambil berat dan menyayangi lelaki itu. Lihat saja pasangan yang baru bercinta, mereka jarang bergaduh. Tetapi percayalah semakin bertambah sayang mereka pada seseorang, semakin pula banyak pertelingkahan yang berlaku.

Andainya lelaki tahu..
Apabila perempuan bercakap banyak, dia tidak pernah bermaksud untuk membuat anda rimas, tapi dia mahu lelaki mengenalinya dengan lebih dekat.
Andainya lelaki tahu..
Apabila perempuan berkata dia mahu anda berubah, itu bukan bermakna dia tidak mahu menerima anda seadanya, tetapi dia mahu menjadikan anda lebih baik, bukan untuk dirinya, tetapi untuk masa depan anda.
Andai lelaki tahu..
Apabila perempuan cemburu dan tidak percayakan anda, bukan bermakna dia tidak sayang..tetapi dia terlalu sayangkan anda dan masih mengangap anda anak kecil yang masih memerlukan sepenuh perhatian. Kadang2 dia terlalu risau sekiranya terlalu percaya, anda akan mengkhianati kepercayaan yang diberi. Naluri keibuannya sangat kuat. Dia hanya mahukan yang terbaik untuk anda.

Andai lelaki tahu..
Apabila perempuan merajuk, jangan kata dia mengada-ngada. Dia bukannya mahu dipujuk dengan wang ringgit atau hadiah sedozen, tetapi cukup dengan perhatian yang boleh buat perempuan rasa dihargai.
Andai lelaki tahu..
Apabila perempuan jarang mengatakan ‘i love u’, itu tidak bermaksud dia tidak menyintai tetapi dia mahu lelaki itu merasai sendiri cintanya, bukan hanya hadir dari kata-kata tetapi juga melalui bahasa tubuhnya.

Andai lelaki tahu..
Apabila perempuan kata dia rindu sama kamu, dia benar-benar maksudkannya. Apabila berjauhan, bayanganmu akan sentiasa bermain di mata.
Andai lelaki tahu..
Apabila perempuan kata lelaki lain itu lebih baik dari kamu, jangan percaya kata-katanya kerana dia hanya mahu menguji kamu. Dia mahu melihat sejauh mana kamu sanggup menjadi yang terbaik di matanya. Walaupun sebenarnya memang kamulah yang terbaik di hatinya. Selagi dia dengan kamu, percayalah, walaupun perempuan menganggap masih ramai lagi yang lebih baik di matanya tetapi di hatinya, kamu tetap yang terbaik.

Andai lelaki tahu..
Apabila perempuan menjadi degil, dia bukan bermaksud untuk menjadi degil tapi dia mahu melihat sejauh mana lelaki itu mampu bersabar dengan kerenahnya. Percayalah, hati perempuan itu sangat lembut. Andai kena caranya, jangan terkejut kalau akhirnya dia menukar fikirannya dalam masa sesaat.
Andai lelaki tahu..
Apabila perempuan berkata, “tolong tinggalkan saya!”, dia tidak bermaksud menyuruh anda pergi selamanya. Dia hanya mahu menenangkan fikirannya sebentar saja. Apabila dia kembali tenang, percayalah dia akan mencari anda semula. Itu tandanya dia benar-benar menyintai anda. Perempuan sukar untuk mengawal perasaan. Dia terlalu emosional. Tapi dialah yang paling menyayangi anda dan sangat sensitif dengan perubahan pada diri anda.

Andai lelaki tahu..
Sememangnya Allah menciptakan lelaki dan perempuan itu dengan perbezaan yang tersendiri. Tetapi sekiranya mereka saling memahami, mereka akan saling melengkapi dan menyempurnakan . Perempuan itu diciptakan oleh Allah indah sekali. Di sebalik air matanya, tersimpan seribu satu kekuatan yang bakal menjadikan seorang lelaki itu merasa selamat bersamanya. Biarpun zahirnya perempuan itu tampak lemah tapi dia punya kekuatan tersendiri yang bisa menggoncang dunia dan mungkin bisa pula membuat lelaki menjadi lemah kerananya. Jadi hargailah kehadiran seorang perempuan dalam hidup anda kerana dia didatangkan bukan dengan kelemahan sahaja tetapi dia juga ada kekuatan untuk menyongkong anda dan membuatkan hidup anda lebih sempurna. Dialah yang bakal menjadi perempuan bekerjaya, isteri juga ibu yang terbaik untuk anak2 anda.
/ NEW