Nadiah aidi: 2012

Wednesday, 30 May 2012

Gambar Bergerak dekat sidebar ,

Entry kali nih lain sikit sebab hari nih aku nak kongsi ilmu dengan korang..aku nak ajar macam mana nak buat gambar bergerak kat sidebar.. alaaa kat tepi tuhh..kat sidebar tuuuhh..nampak kan?? jom buat gambar gerak2 tuh!!
1.bukak Dashboard-->Design-->Add a gadget-->Html/JavaScript
2.Copy kod bawah nih

<div style="background-image: url("http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png"); border: 3px double #FF3399; height: 300px; overflow: auto; width: 190px;"></a><center>
</center>

<marquee onmouseover="this.start()" onmouseout="this.start()" scrollamount="7" direction="up" align="center">

<center><img style="width: 143px; height: 204px;" src="URL GAMBAR ANDA" /></center>
<center><img style="width: 143px; height: 265px;" src="URL GAMBAR ANDA" /></center>
<center><img style="width: 144px; height: 245px;" src="URL GAMBAR ANDA" /></center>
<center><img style="width: 142px; height: 213px;" src="URL GAMBAR ANDA" /></center>
<center><img style="width: 138px; height: 234px;" src="URL GAMBAR ANDA" /></center>

</marquee>

<center></center><center></center></div>

3.Pastekan kod kat atas nihh kat Html/JavaScript

4.Nak upload gambar boleh ke imgur.com n copy direct link gambar korang tuh kat "URL GAMBAR ANDA"..

Tu jeerr.. chaiyokk!! ;)

Tuesday, 29 May 2012

Arhh . Tolong Nadiah .

~~Nadiah nak cakap sesuatu ehh .. Okey2 ada yang tak faham apa yang Nadiah tulis kan ? Skrg Nadiah tukar . JP3 .. Eh3.. Jp3 ..~~

Okeyh dah ~
Jelas annn .. Hah ~ Nak gi blik topic tdi . Nadiah ckp apa erkk ?? Ingat balik ... Hah ! Ingat2 .
Tolong Nadiah !! Budak nih menggatal tiba nk kta syng2 . Eeeeee .. Menyampah . Dia kta cmnih .. Jp3 .
perbualan Nadiah ngn dia
Tengah sibuk2 hias blogger . Tiba2 jer chat ngn orng kat facebook .
Budak tuh ~ Hello s***** sihat ker ?
Nadiah ~ Hah ?
Budak tuh ~ Kenapa pulak ???
Itu jerrr .. Korng faham x s***** Msti faham bukan . Lps Nadiah chat ngn dia . Nadiah unfriend budak tuh pstu block . Hahaha ;Padan muka ! Dah lah tuh jer .. Tatatata

Tuesday, 10 April 2012

Tutorial : Macam mana nak tukar background

Hai ! Mesti anda tertanya-tanyakan ? Cmna
nak tukar background .. Hah ! Skrg Nadiah nk ajr !

Log in > Dashbord > design > Template designer
Tekan yg ada Nama background
selepas itu ..

Tekan remove image ..
Lepas tu tekan upload .. Korng cri gmbr background yg korang simpan tadi ..
Kalo dah pilih background tadi tekan save . Dah siap ! Jadi x ? Kalo x jdi Gi thu
NADIAH !!
Bye ! Nadiah x amik tutorial ni kat siapa2 tau .. Nadiah wat sndiri .
Harap Maklum ..

Monday, 9 April 2012

Aneh kan ?

Assalammualaikum ...
Hai ! Nadiah ada bnda yg sngt plik sngt2 .. Korng selalu Pkai kasut yg biasa jer .. Tapi Nadiah ada lag luar biasa ! Hah ! Jom tengok !!!

Hebat kan ? Dah lah tu jer bbye ! Assalammualaikum !

Sunday, 8 April 2012

Header transparent

Ini yg Nadiah dpt wat header , Sorilah klau wrna Pink jer .. Sbb ....... Adalah .. Hahahaha .. Klau nk just Save jer ..

Saturday, 28 January 2012

Background yg cute ~

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

cntek kan ?

Dh tuh jerlah !

Friday, 27 January 2012

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 !

Wednesday, 25 January 2012

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

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

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..

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

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

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)

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- © 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 :)