Mar 1, 2011

link dengan efek marquee

Hari ni aku ada belajar sesuatu lagi dan tanpa berlengah, mestilah aku nak share dengan korang kan? Sebelum kepala aku ni pecah disebabkan pening, baik aku post dulu apa yang aku nak share ni. Tadi pun dah sakit kepala nak sentuh cantikkan blog kazen, imra'tu huhu.


Baru siap tolong buat header dan template dia. Isi dan  widget dia letak sendiri.

Akey, apa itu link dengan efek marquee? Korang boleh tahu dengan tengok kat bawah ni.



my blog
my 143
sister
friend



See? Nampak cantik je kan? So macam mana korang nak buat?


<marquee align=center direction=down onmouseover="this.stop()" onmouseout="this.start()">
<a href="Url Link_1">Nama Link 1</a><br>
<a href="Url Link_2">Nama Link 2</a><br>
<a href="Url Link_3">Nama Link3 </a><br>
<a href="Url Link_4">Nama Link_ 4 </a>
</marquee>



Perkataan yang korang perlu ubah hanyalah tulisan atau perkataan yang berwarna sahaja. Yang lain jangan usik. Tapi kalau korang berani dan pandai HTML, bolehlah godek- godek. hehe. Tak larang pun. Akey, sekarang ni, korang kena ubah perkataan yang berwarna tu pulak.

Perkataan berwarna biru tu merupakan arah link tu bergerak. Kalau nak ubah, korang bolehlah tukar kan perkataan biru tu kepada up, left atau right.

Seterusnya perkataan yang berwarna pink pulak, url link korang. Contohnya, url blog aku ni, http://syafeikaedora.blogspot.com. Tapi jangan pulak ikut url aku k! hehe. So, ikutlah url link yang korang nak letak tu.

Perkataan berwarna merah pulak ialah nama link korang. Lepas dah letak url tu, letaklah nama pulak. Nama tu akan muncul macam kat atas tu. Tak paham? belum buat memanglah tak paham. Cuba buat dulu k..

Korang boleh rujuk code html aku kat bawah ni. Ini yang aku dah buat untuk efek kat atas tu. Efek yang tengah bergerak- gerak tu. Haaaa.. amik ko, huhu..


<marquee align=center direction=up onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://syafeikaedora.blogspot.com">my blog</a><br>
<a href="http://princespiro.blogspot.com">my 143</a><br>
<a href="http://pinkyzsya.blogspot.com/">sister </a><br>
<a href="http://cikkenittoncet.blogspot.com">friend</a>
</marquee>

Code ni terpulanglah korang nak letak kat mana. Nak letak kat post boleh, kat sidebar pun boleh! Takde probs.. ^^

Feb 20, 2011

nak font comel kat laptop atau lappy?

Rasa malas sangat nak menaip- naip ni sebenarnya tapi nak jugak share benda- benda ni dengan korang, hehe. So terpaksalah relakan diri ini menaip dengan sebaik yang mungkin. Kuikuikui..

Akey, sekarang ni dah macam- macam jenis font yang kita nampak kat belog orang kan? Yang lubing- lubing, akar- akar dan baaanyak lagilah. Dan..dannnnn.. pastinya korang pun nak kan? kan? Just tak tahu kat mana nak cari? Bila dah dapat cari tu tak tahulah pulak macam mana nak download, macam mana nak guna, macam mana nak pakai.



Yaaa, saya di sini akan membantu anda! Ngaaahahah.. uisy, gelak semacam je ek. Akey, kat sini aku ada senaraikan beberapa website yang boleh download free fonts untuk laptop korang.




www.1001freefonts.com














Akey, inilah dia list yang aku dah buat. Korang boleh download apa jenis fonts yang korang nak k? Tapi macam mana pulak korang nak masukkan fonts tu dalam laptop? Download tu senang tapi nak masukkan kat laptop pulak? Haa... ni mungkin banyak yang dah pusing kepala, tak paham- paham. Korang install lah berkali- kali tapi takkan dapat cari punya kalau korang nak cari. Entah ke mana je fonts tu pergi.

So, ikut step- step ni kalau korang betul- betul nak guna fonts tu.

Mula- mula, korang pilih dan download dulu fonts yang korang nak tu. Dah download, korang extract atau open file berformat zip tu. Mesti korang nampak gambar macam ni kan?



Akey, gambar kat atas ni fonts yang aku dah download dan dah pun open atau di extract. Untuk korang, korang copy yang trueType font file yang korang dah download  tu dulu. Then, follow pulak steps kat bawah ni.

Pergi kat Acer (c:) --> program files




Macam aku punya kat atas ni, aku ada dua program files. Tapi aku pilih yang kedua di mana semua files yang dah download tu ada kat dalam folde ni. Untuk korang tak pasti. Nanti pandai- pandailah tengok ekk.

Pastu, korang dah klik program files tu, korang akan nampak banyak lagi folders. Pergi masuk kat Common files.



Pergi kat adobe --> fonts --> Reqrd --> Base




Lepas tu, mesti korang nampak benda- benda pelik kan? huhu.. kalau nak tahu, yang itulah jenis- jenis fonts korang.  Kalau nampak gambar yang ada tulis bentuk A warna biru tu, tu adalah font. Eh, eh.. apa aku cakap ni? haha..tak tahulah macam mana nak terangkan. 

So, apa yang korang perlu lakukan sekarang, korang paste kan kat dalam folder ni. Di mana ada banyak fonts macam kat dalam gambar ni. Kalau tak jumpa macam ni, cari lagi sampai jumpa k. Then, kalau nak guna pulak, guna je macam biasa. Contohnya nak guna dalam photoshop, korang cubalah cari font yang dah kena download tu kat photoshop korang. Mesti ada =)

Ada lagi satu cara sebenarnya tapi akuu tak suka guna sebab aku bingung sikit pasal ni.

Lepas dah download font yang korang nak, korang pergi kat control panel. Buka Control Panel dan cari Font, paste dalam tu. Bagi win 7, buka Control Panel, buka Appearance and Personalization , Font, paste situ. Paham tak? akupun tak berapa paham sebenarnya. Sebab itulah aku lebih senang pakai cara yang pertama tadi. Btw, cara yang aku ajarkan tadi tu bagi yang pakai win 7. Tapi untuk win XP sama je kot tapi tak banyak folder macam reqrd dan base.

Korang just masuk kat Acer(c:)--> program files --> common files--> adobe--> fonts --> paste fonts korang.

Untuk yang lain, not sure sebab tak pernah godek lagi. Huhu.. kecian ek? hehe.