Ayt Bergerak!

hye sume!!! aryniey cik eyla nk ajar korg cm ner nk wt perkataan bergerak ...cm eyla punye kt bwh pages tuh ..

eyla thu bnde nieyh dh rmai user yg wt,, tpy x slhkn kl0 eyla nk wt?? ini khas unt0k user bru!! jer k??? 

tpy bnde ni tk0t menyerabutkn blog korg plk... s0o suke aty la nk wt or x,, eyla wt,, tpy eyla x thu la blog eyla tuh nmpk seb0t or x...

korg copy code dy bwh nie,, n then korr gy at Dashboard>> Page Element>>Add A Gagdet >> HTML/ javascript  ... ps2 korg paste la code nieyh   kt ruang HTML tuh okey??
1. Kod asas untuk perkataan bergerak 

<marquee>Contoh scrolling text</marquee>

Output untuk kod ini seperti berikut:
Contoh scrolling text

yg wrne pink tuh ko tukr nan ayt korg k???

Berikut contoh kod untuk pegerakan dari kanan ke kiri

<marquee direction="right" >Contoh scrolling text</marquee>

Output untuk kod ini adalah
Contoh scrolling text

2. yg wrne purple tuh korg ley tukr nan kt bwh ni okey?? yg direction tuh x yh copy skly

direction="left"
direction="right"
direction="up"
direction="down"

Contoh kod yang diletakkan background,

<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Output untuk kod ini adalah
Contoh scrolling text



3.Ubah warna background ..klo korg nk tukr background tuh kpde wrne favourite korg p0wn boley.. yg wrne purple tuh ko tukr kepade code wrne yg len,,
Untuk ubah background, perlu diletakkan kod berikut

bgcolor="#kod warna"

korg ley crik code wrne tuh kt SINI 

Perkataan dalam keadaan 'anjal' ayt tuh x brgerak..
contoh kod yang diletakkan trick ini.

<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>

Output untuk kod ini
Contoh scrolling text


 Pause apabila cursor dilalukan. ayt tuh boley brhnty biler mouse kog sntoh ayt kt sytu..
Perkataan yang bergerak juga dapat dihentikan apabila dilalukan cursor. Kebiasaannya ini untuk memudahkan korg untuk membaca apa yang ingin disampaikan tanpa ganguan.


Contoh kod dengan trick ini.

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>

output untuk trick ini.
Contoh scrolling text

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

copyright

hye guys!!! ary nieyh eyla nk wt tut0... korg nk thu x?? tut0 yg eyla nk wt nieyh sng sgt!!! cm blja ABC tuh sng kn ???? eyla nk pekse p0n mseh smpt wt tut0 tok korg sume,,,, x pe,, ntuk pgguner bloggerku yg disayangi eyla akn tur0s wt tut0 tok korg.....ohhhhhhhhh . dah lari topic lahhhhh . korang mesti tertanya-tanya tuto ape la
copyright tuhhhhh kn?? . korang scroll blog eyla sampai kt akhir blog . nanti
korang nampak "Kesume bnde alargh yg ade at blog nieyh only Siti Nur Fadhilah punyer ajer okey?? kl0 nk copy just tkan Ctrl+C okey,, msty serantak!!"
ha,tula copyright . hee . jom kita start tuto ni ek kawan-kawan :)

1. Dashboard=>Design=>Edit HTML=>Tick Expand Widget Template.
2. Lepas tu, korang tekan CTRL+F search code dekat bawah ni okehhhhhhhh .

</body>

3. Bila dah  jumpa code kat atas tu , korang copy code dekat bawah ni ,

<center>your own word</center>

    pastekan dekat atas code </body>
4. Lepas tu korang preview , kalau jadi save okeh :)

senang je kan . i told you already maaa . okey bye eyla nk wt tut0 yg len pulak... ;)

kl0 nk tut0 yg lgy byk prgy kt wan hazel puyer blog k?? >TEKAN< dye la yg lebey pkar dry eyla.okey guys !! bye2

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

note dy akhir p0st!!

harini eyla nak buat tuto ! yayy ! lompat2 . haha . mereng sikit di mlm ary -.-
untuk pengetahuan korang ini tutorial yang terakhir . ehhhhhh . jangan terkejut dulu.
terakhir buat masa ni je . sebab PKSR kan . so, eyla akan sambung tutorial after
PKSR which is on 27 May 2011  ish... asl la ade PKSR plk..cian k0rg ,,eyla bru nk mule blja2 wt tut0   tpy mse x mengizinkn... huhuhuhuhu =,=
enough bebel'ing' eyla . jom kita start tuto okeh ! ehhh . jap . sebelum tu nak bagitau
note under post ni cm nieyh 

---

hye :) pls bce,, msty leave a c0mment aw!! trime kseh

---

in case korang tak tau kan . hana bagitau awal-awal :D

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

paste kan dekat bawah <data:post.body/>

4. yang PESANAN ANDA tu korang ganti la dengan apa2 pesanan pun.

5. Preview , kalau jadi save saje :D

senang kan . tak susah pun . as easy as ABC . kalau nak tanya bagitau dekat komen.
kalau eyla tak jawab , korang paham sendiri la kenapa . eyla jarang dah ngadap
komputer kl0 wktu ade exam,, s0o sory ea?? that all bebelan eyla.... thx f0r reading!!

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

Icon Favicon

harini eylaa nak buat tutorial favicon . apa tu favicon eylaa ?
favicon tu gambar dekat tab yang dulunya lambang Blogger tapi
ditukar dengan gambar pilihan kita sendiri . hana tau ramai blogger yang
dah buat tutorial ni . lagipun eyla buat ni sebab sjer2 nk ilank kn rse bowink...

1. Dashboard=>Design=>Edit HTML=>Tick expand widget template .

2. tekan CTRL+F , search code dekat bawah ni ok :)

</head>

3. dah jumpa dah ? ok good . then copy code kat bawah ni .

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/> 

<link href='URL gambar' rel='icon' type='image/x-icon'/>

    paste kan dekat atas code </head> tu ok :)

4. lepas tu preview , kalau jadi save jela terus :)

ok, kat sini eyla bagi la sikit gambar yang comel lote untuk korang :)

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/strawberry.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/redribbon.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/cupcake.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/blueribbon.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/camera.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/creamy%20daisy/a10.png

http://i561.photobucket.com/albums/ss52/angelicxmelody/creamy%20daisy/a8.png

 http://th221.photobucket.com/albums/dd275/theslumbers/th_favicon.gif

 http://www.softlist.net/images/icons/adsen_favicon_graphic_apps_icon_tools-5804.gif

 http://www.softlist.net/images/icons/food_icon_library_desktop_icons-30690.gif

 http://www.softlist.net/images/icons/professional_icon_set_desktop_icons-12871.gif

http://www.softlist.net/images/icons/my_love_3d_screensaver_desktop_screen_savers__other-10712.gif

rsenye dh byk eyla bgy nie,, after follow this tuto pleaze leave ur comment yax!!

kalau korang tak suka gambar yang hana bagi ni, cari la dekat Glitter-Graphics atau Photobucket ok . selamat mencuba ;)

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

aryni eyla nak buat tutorial favicon . apa tu favicon ,,eyla ?
favicon tu gambar dekat tab yang dulunya lambang Blogger tapi
ditukar dengan gambar pilihan kita sendiri . eyla tau ramai blogger yang
dah buat tutorial ni . lagipun eyla buat ni sebab sjer2 bowink...

1. Dashboard=>Design=>Edit HTML=>Tick expand widget template .

2. tekan CTRL+F , search code dekat bawah ni ok :)

</head>

3. dah jumpa dah ? ok good . then copy code kat bawah ni .

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/> 

<link href='URL gambar' rel='icon' type='image/x-icon'/>

    paste kan dekat atas code </head> tu ok :)

4. lepas tu preview , kalau jadi save jela terus :)

ok, kat sini hana bagi la sikit gambar yang comel lote untuk korang :)

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/strawberry.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/redribbon.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/cupcake.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/blueribbon.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/camera.gif

http://i561.photobucket.com/albums/ss52/angelicxmelody/creamy%20daisy/a10.png

http://i561.photobucket.com/albums/ss52/angelicxmelody/creamy%20daisy/a8.png

kalau korang tak suka gambar yang eylaa bagi ni, cari la dekat Glitter-Graphics atau Photobucket ok . selamat mencuba ;)

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

back 2 t0p button

heyy . im back with another tutorial! tuto ni mmg dah ramai yg buat. wat p0wn unt0k mengilank kn rse sedey eyla nieyh...tapi takpela . tak salahkan kalau eyla buat . bole dikongsikan dgn blogger baru ;) senang je nak buat . tak sampai 10minit pon you ollsss .
oh ye ! kalau nak copy, tekan CTRL+C ok korang-korang ;)) or gune jer right clik sbb eyla x disable right clik.. sbb eyla cian kt k0rank2 sume ssh2 jer nk tkn ctrl + c... 

mula-mula , korang copy code kat bawah ni ok ;)

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="http://i947.photobucket.com/albums/ad318/hannacrazee/gfgfhnfhf-1-1.png?t=1287452175"
 /></a>

yang wrne pink tuh ley tukr nan kt bwh nieyh..jus copy url nyer okey??

http://img856.imageshack.us/img856/6279/39988967.png

http://img846.imageshack.us/img846/3739/55495635.png

then pergi Dashboard=>Design=>Page Element=>Add Gadget=>HTML/JAVASCRIPT

paste kan code yang korang copy tadi dekat situ ok . senangkan kan kan .
eylaa bagi sekali dgn code gambar yang eyla guna ni . nak tukar pon boleh .
ikut suka hati korang la nak guna gambar apa . tapi jangan la guna gamba besar gedabak.
kang tak pasal2 rosak blog korang yang comel tu . hee .

ok, tu je blogger2 sekalian . mudahkan . selamat mencuba ;D

harap tut0 nieyh boley t0l0ng korank2 sumer!! key?? bye2

kl0 jdy tggl kn comment korg ea??

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

icon kt seblh bloglist

harini eyla nak buat tutorial ( baca kat atas ) . ramai yang buat permintaan .
sorry ye baru harini eylaa buat tutorial . eyla agak sibuk dengan buku .
esok nk exam PKSR ,,tgh bosn2 nieyh s0o eyla buat la tuto untuk korang semua .
sebelum tu, tutorial ni untuk pengguna Template Designer okey?? s0o sorry :(
classic template eyla tak ingat code. maaf ye korang . ini je yang eyla mampu tolong.
Jom start ok korang ;))

1. mula-mula pergi setting untuk bloglist korang then korang unclick butang icon.

tekan untuk membesar !

2. lepas tu, pergi Dashboard=>Design=>edit HTML=>tick expand widget templates.
3. tekan CTRL+F then cari code kat bawah ni ok .

]]></b:skin>

4. da jumpa ? ok good . then, copy code kat bawah ni dekat atas code ]]></b:skin> k.

.sidebar ul li {background:url("URL GAMBAR") no-repeat 2px .25em;margin:0;padding:0 0 3px 16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;}

5. then, preview kalau jadi save ok dear . simple je . ada pape masalah bgtau kat komen.
6. kalau nak cari gambar cute2 pergi photobucket atau glitter-graphics ok .

selamat mencuba !

p/s: untuk pengguna template designer sahaja :D

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---

Link Hover

OK ! untuk menghilangkan rasa sedey dihati ini eyla nak buat tutorial .
eyla takdela hebat sangat nak baca code HTML tu . sikit-sikit bole la . hee .
ha? link hover tu ape ? alaa . yang kamu pergi kat link pastu ade heart warna biru.
tula link hover my dear , hee . itu bg yang tahu jela ok . hee .
ok, lets start ok my dear blogger ;)

1. pergila Dashboard => Design => Edit HTML
2. thenn . tekan CTRL+F cari code ni 

a:h

over{

3. dah jumpa ke ?? kalau da , copy plak code kat bwh ni then paste dekat bwh a:hover{

color:#000000; background:url( URL GAMBAR);
background-repeat:repeat;
text-decoration:none
}

4. pilih hover mana yang korang nak and copy URL dia ok .

hujan :

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

awan hati wee~~ :

http://dl.glitter-graphics.net/pub/1274/1274791or8ew5kzx6.gif

bintang terbang2 :

http://sl.glitter-graphics.net/pub/602/602355k2suf9v03y.gif

nak lagi ?? korang cari kat sini ok . takpun pegi blog cik hanie utk url hover yg simple. thats all . sebarang pertanyaan, tinggalkan di komen atau formspring ;)

---

hye korank!! dh tg0k kne komen (WAJEB) !!

---