Background yg cute ~

                                                                            Asslammualaikum !
Skrg nih Nadiah nk ksi k0rng Background .. k0rng ley Save erkk ..

cntek kan ?

Dh tuh jerlah !

B0san larr ..

D0m0 kun !
D0m0 kun !
Nk thu npew Nadiah mnjerit !
Nadiah xder larh sku sngt kt D0m0 kun nieh !
Nadiah lbih suka Dayana amerda .. Dia tu cntik sngt2 !
GEram nk tng0k !
Suara p0n sedap !
Klau k0rng nk dngr suara dia gi bl0g Nadiah ada lgi "impian yg stu"
Klau dh dngr msti bestkan .. Nk jer ulang2 ..
Ummmm .. Nadiah b0sn larr .. S0 Nadiah nk wat kuputusan untuk Ksi rupa Id0la Nadiah iaitu !

                                         Cntek x ? Cntek kan ? ahaha
                    

Nih bru rupa Nadiah ? X c0mel kan ? Thulah k0rng semua c0mel2 btul x ? Kecuali NADIAH AIDI nih .. Hehehehehe
itu jer Nk ckp bye !

                                                                                 





                                                                                   

Tl0ng skit..

Tak jawab dosa ? K0rng ley ajr Nadiah x ? Ajr yg Cmna nk New post pstu tukr huruf .. Maklumlah Nadiah bkn pakar Ber blogger cm k0rngkan ? Btul x ? Klau thu .. Gi kt fb nih 
http://www.facebook.com/nadzatul.nadiah
^
|
Tuh .. Bye !?

Blink Blink <<>>

<blink> Hai Sya nadiah j0m knl Nadiah kt fb ! Nnti Niah bgi link yerrrrr ! Hah ! Lgi stu Nadiah peminat setia Dayana Amerda tau ! Sya sebagai 0KD & D'luvers .. Nadiah mnt Dayana p0n x thu knapa ? Sbb ... Sbb Nadiah x thu lah Nadiah ckp x thu ! Hahahax ! S0ri klau k0rng ada skit hti ker ! Dh lh Nadiah nk hias2 blogger Nadiah Menggunakan tutorial Lyssa faizureen ! Bye !  </blink>

Tutorial :Cursor yang cute

Tutorial :Cursor yang cute

Haii . Hari ini , Nadiah nak bagi Freebies Cursor Yang Cute lagii Cunss untuk korang . Sebab ada yang teringin sangat nak cursor comel neyy . Untuk memudahkan korang , korang just copy URL di bawah dan paste . Ikot Step di bawah :) Chill yea ~


1. Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

2. Copy kod di bawah :

<style>body {cursor:url(URL CURSOR 1), url(URL CURSOR 1), auto;} </style>
<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

3. Paste kan kod tersebut di ruangan Html/JavaScript tadi tu 

*Warna merah : Korang boleh COPY URL di bawah ini .
*Warna biru : Korang punya link blog .. Contoh : inilinkblogsaya.blogspot.com 

  http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/04.gif

  http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/06.gif

  http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/07.gif

  http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/05.gif

  http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/03.gif

  http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/01.gif 

Tutorial : Link Hover

Tutorial : Link Hover

Hii .!!! Amacamm . Seronok tak ikot Nadiah nyer tutorial ?

HAHA!~

 If seronok , cakap hoorey 3 kali ! huhuhu~:)

Tak de lah . main2 je ah . 

hohoho . 

Oke , so , now , Nadiah nak ajarkan , macam mana nak buat Link Hover .

Tuto ini direquest oleh :

Cik Fydah

 

Ohh   ,Nadiah tak buat Link Hover sebab Huda rasa cam semak je .!

Tapi , tak per , Fydah nyer pasal , Nadiah akan tunjuk kan caranya ye! hik3!:)

1. Dashboard > Design > Edit Html

2. Tekan Ctrl + F Dan cari kod di bawah ini :

a:hover

3. Then , lepas dah cari , copy kod kat bawah ni pulak ye .

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;

4. Paste kod yang dicopy ini di bawah kod a:hover

5. Jangan lupa untuk gantikan tulisan warna MERAH tu , dgn link image yang anda suka!

Kat bawah ni , ada beberapa contoh URL yang korang boleh guna ok ?:)

 http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif

....................................................................................................................................

    http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

.................................................................................................................................... 

   http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif

....................................................................................................................................  

http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif

....................................................................................................................................  

  6. HAHA , kalau dah jadi tuh , jangan keluar je terus , Cepat Bagitaw Nadiah! ahaaha :)

Tutorial : Scroll Bar Berwarna Yang Comel..

Tutorial : Scroll Bar Berwarna Yang Comel..

macam mana nak buat scroll bar berwarna . Alar, Scroll bar yang gerak-gerak tu , yang boleh alih-alih tuh.. hehe .

Kalau korang  semua tak tahu jugak , tengok nih ..

 

Alar , yang Nadiah tunjukkan anak panah tuh lahh .

Scroll Bar Warna Pink . Comel kan ?

OK ! STOoOOOPPPppP ! :)

Kembali ke tutorial ini .

Sebelum anda buat tutorial ini ..

AMARAN KERAS !

Huda nak peringat korang lah..

Tutorial ini , hanya berfungsi kepada pengguna Google Chrome sahaja !

Segala-gala yg lain . Mozilla ke , Internet Explorer ke , tak kan menjadi ok?

  

Ok . Mari kita mulakan =,=

1. Dashboard > Design > Edit Html > Tick Expand Widget Templates

2.Tekan Ctrl F serentak , cari kod ini :

]]></b:skin>

3. Dah jumpa ? Gud ! Copy kod ini pulak :

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #ff3399;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
} 

4. Paste kan kod itu DI ATAS kod ]]></b:skin>

Ok , sudah kan ? Jom kita adjust pulak ikut cita rasa korang ye=,=

* Warna Biru = background scroll bar
* Warna Pink = warna scroll bar anda


5. Kepada sesiapa nak ubah warna boleh cari kod DI SINI !


6. Dah siap , Preview dulu . Then , SAVE ! Menjadi takk ? :*

Tutorial : Sparkling Cursor

Tutorial : Sparkling Cursor

Helow...heloww...heloww !

Sapa kat sana yang nk buad sparkling cursor ??

Eh , apa benda SPARKLING CURSOR ?

hehe . cuba korunk gerak kan cursor Huda nyh.

ada benda itam jatuh2 tak ? HAHA!

Itu lah dia. nak blaja tak ??

Cepat!Cepat!:)

First , macam biasa lah .

Dashboard > Design > Add Gadget > Html

Then , korunk copy kod kat bawah niyh , and paste kan at gadget tuh k? :)

<script type='text/javascript'>


</script>


<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
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>

*Yang warna MERAH tuh , korunk boleh tukarkan dgn warna yg korunk suka oke ?

Huda pilih kaler hitam ^_^

Kalo tak nak tukar pon tak pe ;)

Oke. Save. Siap :D

toturial:cara nk tick expand widget templates

toturial:cara nk tick expand widget templates

Hii ! Hii ! Heloww ! ~

Ok . Now , Nadiah nak ajarkan pada New Bloggers , yang tak tahu , kat mana nak 

TICK EXPAND WIDGETS !

Tujuan nak kena tick ini , sebab nak cari kod yang tak ada bila kita seacrh. 

Ye lah , kalau tak TICK , takot tak jumpa pulak kod yang perlu kita cari kan ? Ok .. Cara nya teramat lah mudah . korang just tengok je gambar yang Huda tunjuk kan di bawah ini yer .

"Kat mana nak Tick Nya ? Tak jumpa pon ?"

Haa , disebabkan itu , Nadiah buatkan tutorial untuk korang ye .

Jangan risau , Huda ada dan sedia membantu ! ^_^

1. Log in > Dashboard > Design > Edit Html

Lakukan seperti di bawah ini yea : Ikut no. itu ..

 

2. Then , klik Edit Html dan terus TICK EXPAND WIDGETS macam Huda tunjukkan itu yerp ! ^_^

 

3. Ok , Lepas tick tuh , now , korang boleh lah cari kod yang korang nak cari kan tuh ! hehe :) Senang je kan ?

4. Cari lah kod tuh sekarang . Apa ? Tak tahu nak cari kod macam mana ye ? Boleh lah korang >> KLIK KAT SINI << Di situ , ada kak Lyssa tunjuk kan cara penggunaan Ctrl+F tuh ^^

Tutorial : Scroll Back To Top Jquery (Naik Lif Laju2)

Tutorial : Scroll Back To Top Jquery (Naik Lif Laju2)

Waaa . Pantang ada lain sikit je dekat blog Nadiah ni haa . Mulah lah korang nak Huda buatkan tutorial kan ? Okeyy . Tak pe . Huda buatkan  . Kali ni , tutorial Naik Lif Laju-Laju . Apa tu ? 

HAHAHA . Itu kak Nadiah saja reka ayat tu . Jangan ada yang ciplak sudah . hahaha :)

Okeyy . Bila tekan je naik lif laju2 , akan terscroll secara smooth ke bahagian atas . Nak try jugak ke ? Jom lah ramai - ramai .  

Huda siap kasi FREEBIES lagi kat bahagian bawah sekali . Kalau berminat , guna lah ye :)

1.  Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

2. Copy kod ini dan paste diruangan Html/JavaScript tadi :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL IMAGE FLY UP" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

3. Sudah ? Then , tukarkan warna merah itu , dengan URL FLY UP button yang korang minat . Kalau korang berminat , ambik lah kat bawah ni , Huda ada buat kan dekat korang . Kalau tak berminat , boleh create sendiri :) 

4. SAVE .

*// Akan diupdate FREEBIES dari semasa ke semama :)

 

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

 

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

 

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

 

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

 

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

 

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

 

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

Spew nk knl ngn Nadiah ? Klau nk knl jom bca bwah nieh !

Hai ! Nama sya nadzatul Nadiah ...
umur sya 11 thun
tarikh lhir 15 /12/2001
Itu sjer nk citer kan ..
Add nadiah at fb 0key !
@Nadzatul denadiah

Puas hati ngn blogger..

Hye ! Semua ! Cantik x Blogger Nadiah ? X kan ,, Selalu Buruk .. Skrg nih Nadiah ambil Byk cara untuk menghuas blogger ... Cri kt g0gle Dan apa2 jer lah .. Skrg nih Nadiah dh puas hati ngn bLogger Nadiah .. Skrg Nadiah nk hiaskan lgi ! Bye ! Nnti nadiah ajr tutorial cmna nk tukr background ... Umm selalunya bila tukr background x btul msti ada setengah background setengah wrna c0klat kan .. Nnti nadiah ajar 0key !

hai !

Hellow..