Tutorial By Hani

Tuesday, December 21, 2010

Font, bold and size

Hai semua! Haritu Hani dah ajar cara warna2 kan? Ok, harini kita belajar cara-cara nak tukar font, nak boldkan tulisan tu, and tukar2 size dia. Korang tulis je ayat apa2, kemudia, kita buat code dia. Hani nak buat tulisan Hani pakai font Ravie, Size 12, and bold.

<html>

<body>

<b>

Ravie, Size 12, and bold

</b>

</p>

</body>

</html>

Korang boleh cuba, semua jenis font boleh guna..

Friday, December 17, 2010

Nak set post autopublish

Hani tau korang busy memanjang, so Hani nak ajar korang cara-cara nak set auto publish… Yelah, senang korang nak memastikan blog terupdate sepanjang masa korang busy tu… Sila beri perhatian, ini bukan tutorial untuk website. Ini untuk para blogger.

Langkah pertama, korang tulis je apa yang korang nak tulis macam biasa.

Bila dah sudah tulis, jangan terus tekan publish post. Sabar ye tuan-tuan, puan-puan, adik-adik, kakak-kakak, abang-abang. Cuba tengok kat atas button publish post tu. Ada apa? Ada link Post Options, kan? Tekan link tu...

Kemudian, dia akan keluar camni ->>

Then, you all tak payah kisahkan yang lain, kisahkan bahagian ni je ->>

Bila korang tekan je option Schedule at tu, terus text box untuk post date dengan time keluar. Korang tulis la bila masa korang nak post korang tu publish. Amaran keras JANGAN SESEKALI TUKAR FORMAT. Kalau dah format dia mm/dd/yy, tak payah korang gatal2 nak tukar jadi dd/mm/yyyy. Karang tak jadi je korang punya, jangan salahkan aku. Untuk date pun sama tau. Ikut format dia.

Colourful

Ok, kita dah belajar macam mana nak create website. Now, hani nak ajar you all cara untuk mencantikkan website. Camne? Kita buat tulisan warna warni, nak?

Ini contoh tulisan berlatar belakangkan warna yang kita boleh buat ->>

Latar belakang MERAH

Latar belakang HIJAU.

Camne nak buat tulisan colour2 ni?

Begini caranya ->>

<h2 style="background-color:red">
Latar belakang MERAH</h2>

<p style="background-color:green">
Latar belakang HIJAU.</p>

Jangan korang buat kat word pulak, memang tak menjadi. Buat dalam NOTEPAD. Save as .html and pilih Encoding UTF-8.

Dekat atas ni, Hani just tulis nama colour Red, Green, Yellow, etc. Tapi kalau you all nak lebih banyak pilihan warna, Hani boleh provide sikit dari apa yang Hani ada ->>

#000000	#000033	#000066	#000099	#0000CC	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300CC	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600CC	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#CC0000	#CC0033	#CC0066	#CC0099	#CC00CC	#CC00FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#FF6600	#FF6666	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#FF6600	#FF6666	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF

Untuk tulisan yang berwarna pulak, you all boleh try guna coding camni ->>

<p style="color:pink">Saya suka warna pink!</p>

Hasilnya ->>

Saya suka warna pink!

Selamat mencuba you all! Ada apa2 yang tak faham, silalah bertanya..:)

Langkah pertama belajar HTML

Ok, untuk pertama kalinya Hani rajin nak buat langkah demi langkah untuk semua yang rasa teringin nak buat website sendiri.

Mesti korang tertanya2 nak kena beli host ke nak buat website sendiri ni? Hani nasihatkan korang guna je yang dah ada dalam PC atau laptop masing2. Pastinya bukan frontpage. Bukan apa, takut ada yang give up tengah2 jalan, rugi je. Kan?

Bila dah bukak notepad. Korang kena tulis camni.

<html>
<body>

<h1> Ini heading pertama</h1>

<p>Ini perenggan</p>

</html>
</body>

PENERANGAN

Ini adalah untuk memunculkan segala apa yang korang tulis diantara keduanya dalam laman web. Jangan pulak ada pembuka (<html>) tapi takde penutup (</html>), alamatnya celarulah laman web korang nanti.

Ini pulak sebagai petanda ataupun remarks di mana korang mula menulis dan tulisan itu dapat dilihat dalam laman web korang nanti.

Huruf h di sini mewakili heading. Seperti yang ada dalam pembelajaran kita h1, maksudnya heading pertama. Kalau lepas ni ada lagi heading yang korang nak buat, terus je letak nombor lain ataupun kalau tak nak letak nombor pun takpe, asalkan jangan sampai keliru.

Huruf p di sini mewakili paragraph. Paragraph adalah tempat korang nak letak segala macam benda seperti gambar .

Akhir sekali, bila korang dah pandai buat macam ni, save. Pilih UTF-8 dan jangan lupa taip.html sebelum tekan butang save.