Bengkel blog

2010-10-06T10:22:00.002+08:00

Its me

2010-10-06T09:56:00.001+08:00

Contoh Jadual

Ini Kucing kesayangan saya. Namanya BOBO.

Bagaimana membuat table dalam posting

2010-07-28T16:11:00.017+08:00

Salam semua...lama saya tak menjenguk blog ini. Kesibukan melanda sejak akhir-akhir ini. Oklah, kali ini saya nak share dengan semua bagaimana untuk membuat table dalam posting.

Berikut adalah kode html untuk membuat table dengan 2 column dan 1 row.

<table border="1">
<tr>
<td>Baris 1-column 1</td> <td>Baris 1-column 2</td>
</tr>
</table>

Hasilnya adalah seperti di bawah:

Baris 1-column 1

Baris 1-column 2

Berikut pula adalah kod html untuk memasukkan gambar dan teks dalam table.
Note! Gambar perlulah diupload terlebih dahulu dalam photobucket atau picasaweb. Ambil Direct Link bagi gambar tersebut dan sisipkan dalam koding html bagi table.

Lihat contoh ini.

<table border="1">
<tr>
<td><img border="0" src="http://i43.servimg.com/u/f43/11/83/04/92/sailin10.gif"/></td> <td><b>MUNGKINKAH...?</b><br/>Mungkin dahulu nenek moyang kita adalah pelaut tetapi akan datang mungkin anak cucu kita akan mengatakan kita adalah BLOGGER. Mungkinkah...?</td>
</tr></table>

Hasilnya adalah seperti di bawah:

MUNGKINKAH…?
Mungkin dahulu nenek moyang kita adalah pelaut tetapi akan datang mungkin anak cucu kita akan mengatakan kita adalah BLOGGER.Mungkinkah…?

Seterusnya kita akan buat table dengan beberapa baris.Contohnya table dengan 3 baris dan 2 column.
Berikut adalah kod htmlnya:

<table border="1">
<tr>
<td>Baris 1-column 1</td> <td>Baris 1-column 2</td>
</tr>
<tr>
<td>Baris 2-column 1</td> <td>Baris 2-column 2</td>
</tr>
<tr>
<td>Baris 3-column 1</td> <td>Baris 3-column 2</td>
</tr></table>

Hasilnya adalah seperti di bawah:

Baris 1-column 1	Baris 1-column 2
Baris 2-column 1	Baris 2-column 2
Baris 3-column 1	Baris 3-column 2

Kali ini kita cuba masukkan gambar dan teks secara bersilang pula.
Kod htmlnya adalah seperti berikut :

<table border="1">
<tr>
<td>< img border="0" src="http://i670.photobucket.com/albums/vv63/faridah_photos/DSC03093-1.jpg"></td> <td>Tudung plain lycra Korea (red color) <br>Awning sutera cina<br>Harga : RM35.00 sahaja </td>
</tr>
<tr>
<td>Tudung plain lycra Korea (grey color)<br>Awning sutera cina<br>Harga : RM35.00 sahaja</td><td><img border="0" src="http://i670.photobucket.com/albums/vv63/faridah_photos/DSC03057.jpg"></td>
</tr>
<tr>
<td><img border="0" src="http://i670.photobucket.com/albums/vv63/faridah_photos/DSC03638.jpg"></td> <td>Tudung lycra bercorak<br>Harga : RM35.00 sahaja</td>
</tr></table>

Hasilnya adalah seperti di bawah :

	Tudung plain lycra Korea (red color) Awning sutera cina Harga : RM35.00 sahaja
Tudung plain lycra Korea (grey color) Awning sutera cina Harga : RM35.00 sahaja
	Tudung lycra bercorak Harga : RM35.00 sahaja

Selamat mencuba ya.

HOME

2010-05-26T08:19:00.000+08:00

Assalamualaikum kepada semua pengunjung blog yang budiman.

Anda baru dalam dunia blog? Saya juga orang baru dan ingin belajar sesuatu yang baru. Anda ingin mengetahui langkah-langkah mudah membangunkan blog? Mungkin di sinilah tempatnya. Blog ini dibangunkan supaya kita semua ( termasuklah saya) dapat belajar dan mengetahui trik di sebalik pembikinan blog seterusnya dapat memperbaiki persembahan blog kita supaya lebih menarik dan bermanfaat kepada pembaca.
Blog ini masih lagi di peringkat pembangunan dan masih banyak penambahbaikan yang perlu dilakukan. Oleh itu saya mengalu-alukan sebarang pertanyaan, komen dan cadangan membina dari anda semua.

Bagaimana mendaftar akaun bloggger

2009-06-23T15:40:00.013+08:00

Apakah itu blog?
Blog adalah diari peribadi, catatan harian, ruang usaha sama, tempat berucap politik, saluran berita tergempar, koleksi pautan, fikiran peribadi anda atau memo untuk dunia. Blog anda adalah apa sahaja yang anda mahu jadikannya. Blog memberikan anda ruang untuk bersuara dalam web. Ia merupakan tempat mengumpul dan berkongsi perkara yang anda rasa menarik sama ada ia ulasan politik anda, diari peribadi, atau pautan kepada laman web yang anda ingin ingati.

Bagaimana membuat BLOG?
Blog yang akan dibangunkan ini merupakan produk yang dimiliki oleh Google iaitu Blogger.com. Terdapat 3 proses utama dalam membina blog. Langkah 1 iaitu mendaftar akaun emel Google. Langkah ke 2 mendaftar akaun blog Google seterusnya langkah ke 3 menghantar posting dan membuat basic setting.

Langkah 1 : Mendaftar akaun emel Google.
Setiap pengguna baru mestilah memiliki akaun email dari Google terlebih dahulu dan pendaftaran adalah percuma. Sila ikuti langkah-langkah berikut.

1. Daftar emel Google. Klik pada alamat ini http://mail.google.com/ .
2. Tetingkap berikut akan dipaparkan.

3. Sila Klik pada Sign up for Gmail. Lengkapkan borang pendaftaran dan akhiri dengan klik I accept. Create my account seperti di bawah.

Tahniah. Anda baru sahaja mendapatkan akaun emel Google. Untuk login ke akaun emel Google anda, pergi ke http://www.mail.google.com/ dan masukkan username dan password yang telah didaftarkan tadi.

Langkah 2 : Mendaftar akaun blog Google
Setelah berjaya mendaftar emel Google, kini ikuti langkah seterusnya untuk mendaftar akaun BLOG anda pula.

1. Pergi ke http://www.blogger.com/ dan klik pada CREATE YOUR BLOG NOW seperti yang ditunjukkan dalam paparan di bawah.

2. Anda akan dibawa kepada paparan berikut. Sila tandakan √ pada petak empat segi kecil berlabel I accept the Terms & Service diikuti klik pada anak panah berlabel CONTINUE.

3. Tetingkap berikut pula akan dipaparkan. Ia bertujuan untuk memberikan tajuk kepada blog anda. Ianya boleh diubah lagi kemudian. Lengkapkan dan klik anak panah berlabel CONTINUE.

4. Seterusnya anda akan dibawa ke paparan pemilihan template. Pilih template yang sesuai mengikut citarasa anda dan klik CONTINUE.

5. Jika proses pendaftaran akaun blog anda berjaya, maka satu tetingkap seperti berikut akan dipaparkan. Tahniah kerana anda telah memiliki satu akaun blog Google.

Langkah 3 : Menghantar posting dan membuat basic setting

6. Anda boleh mula menghantar post dengan klik anak panah berlabel START BLOGGING. Seterusnya tetingkap berikut akan dipaparkan.

7. Sila masukkan tajuk artikel pertama anda pada Title: dan tuliskan sebarang maklumat yang ingin dikongsikan pada ruang yang disediakan seterusnya klik PUBLISH POST untuk menyimpan dan memaparkan blog anda. Tetingkap berikut akan dipaparkan. Jika klik pada SAVE NOW, blog hanya disimpan sebagai draft dan tidak akan dipaparkan.

8. Untuk melihat paparan blog anda, sila klik View Blog. Hasilnya anda akan dapat melihat paparan posting anda yang pertama.

Diharapkan tutorial asas ini dapat membantu anda menghasilkan BLOG sendiri. Selamat mencuba.

2009-06-11T00:18:00.005+08:00

Terima kasih daun keladi, kalau dijemput datanglah lagi!

2009-06-05T15:40:00.003+08:00

A'kum kepada semua peserta-peserta bengkel blog 2009 siri 1-4. Kami ingin mengucapkan terima kasih tidak terhingga kepada anda semua di atas komitment untuk menyertai program ini. Kepada peserta-peserta yang request gambar melalui shoutbox, jangan risau sebab saya akan masukkan minggu hadapan. Hari ini, abang camera man tu cuti. Jika ada sebarang pertanyaan mengenai blog, jangan segan2 untuk bertanya pada saya. Saya akan cuba bantu sedaya yang mungkin. Saya juga mengalu-alukan sebarang komen atau cadangan untuk kami menambahbaik program bengkel blog pada masa-masa yang akan datang. Hantarkan cadangan anda di sini.

Bagaimana membuat tiga coloumn

2009-05-31T16:47:00.002+08:00

Sila gunakan template minima sebagai permulaan kerana ia merupakan template blogger yang paling mudah untuk diubahsuai dan lebih mudah untuk difahami khusus bagi mereka yang masih baru dalam dunia blog. Dapatkan codingnya di sini.

Bagaimana membuat menu horizontal

2009-05-27T11:48:00.006+08:00

Bagaimana membuat menu horizontal atau butang navigasi seperti HOME, ABOUT US, PROFIL, CONTACT US dan lain-lain. Bagi mereka yang masih tidak ada idea apa itu butang navigasi, sila lihat contoh di bawah.

Sebelum membuat butang navigasi, kita perlu membuat persiapan daripada segi kata kunci-kata kunci yang akan digunakan. Sebagai contoh dalam tutorial ini, kata kunci-kata kunci yang akan digunakan ialah HOME, ABOUT US, SERVICE, PRODUCT, CONTACT US.
Anda sudah bersedia untuk membuat tutorial ini? Ayuh kita mulakan.

1. Sila login ke blogger.com menggunakan ID anda
2. Klik Layout.
3. Klik Edit HTML.

4. Klik di sini untuk langkah berikutnya.

CONTACT US

2009-05-27T11:20:00.005+08:00

Address

Faridah Bte Kamis

Kolej RISDA Melaka

Lot 2020, Ayer Pa'abas
78000 Alor Gajah Melaka

No Tel pejabat
06-5529227

No Fax pejabat
06-5529963

MAKLUMBALAS

2009-05-26T14:53:00.013+08:00

MY PROFILE

2009-05-26T08:35:00.009+08:00

Biodata

Inilah saya...Suka bersederhana dalam apa jua perkara baik pakaian, makan, make up. Orangnya pun biasa-biasa sahaja. Merupakan anak jati Melaka yang lahir pada 20 Jun 2009 dan berbintang Gemini.

Status

Ibu kepada 3 orang anak...Fatin Nabilah(9 tahun) yang sulung diikuti Muhammad Irfan(7 tahun) dan yang bongsu pula Fatin Najihah(11 bulan). Lupa pula nak kenalkan dengan rakan sebilik. Dialah suami dan sahabat sejati yang sentiasa menemani di saat suka dan duka.

Kerjaya

Sudah 6 tahun melibatkan diri dalam bidang pengajaran di Kolej RISDA Melaka dan akan terus dalam bidang ini selagi diizinkan.

Prinsip hidup

Kalau main...mainlah bersungguh-sungguh. Kalau kerja...kerjalah bersungguh-sungguh dan jangan buat orang menyampah dengan kita.

Pedoman

Di sebalik harta, kekayaan dan kesenangan kita terselit hak orang lain yang perlu dikongsi bersama, oleh itu jangan ralat untuk bersedekah dan memberi pada yang perlu.

Bekerja dengan coding HTML/JavaScript

2009-05-20T16:43:00.003+08:00

Sebarang kod HTML atau JavaScript boleh diletakkan pada dua bahagian dalam blog kita samada pada post atau page element.Apabila kita bekerja dengan coding HTML atau JavaScript, kita akan selalu melakukan langkah-langkah mudah seperti di bawah.

Untuk meletakkan coding pada page element.
1. Loggin ke blogger.com menggunakan ID anda.
2. Pilih layout --> Add a Gadget --> pilih HTML/JavaScript --> copy paste coding yang berkenaan --> save --> view blog dan lihatkanlah hasilnya.

Untuk meletakkan coding pada post pula.
1. Loggin ke blogger.com menggunakan ID anda.
2. Pilih posting --> create --> copy paste coding yang berkenaan pada ruangan ynag disediakan --> klik publish post --> view blog dan lihatkan hasilnya.

Selamat mencuba. Sekiranya masih tidak berjaya, bolehlah ajukan sebarang kemusykilan pada ruangan comment. Jumpa lagi.

Bagaimana membuat vertical scroll dengan imej

2009-05-19T08:16:00.044+08:00

Anda ingin tahu bagaimana untuk membuat vertical scroll dengan imej.Vertical scroll dengan imej adalah seperti demonstrasi di bawah.

Berikut adalah codingnya:
Note!Gambar terlebih dahulu perlulah diupload ke website yang menyediakan service upload gambar. Cthnya seperti photobucket.com atau picasaweb.

Selamat mencuba dan jumpa lagi!

Bagaimana membuat scroll bar

2009-05-18T16:59:00.010+08:00

Anda ingin tahu bagaimana membuat scroll bar? Tidak tahu apa itu scroll bar? Jangan susah hati. Scroll bar sangat sesuai untuk dijadikan sebagai menu dalam blog kita. Ia dapat membolehkan pengunjung blog mencari sesuatu maklumat posting dengan lebih mudah dan cepat. Di sini saya tunjukkan contoh.

Tajuk 1

Tajuk 2

Tajuk 3

Tajuk 4

Tajuk 5

Tajuk 6

Jika anda berminat, bolehlah dapatkan codingnya di sini. Seterusnya lakukan langkah-langkah mudah seperti yang telah saya terangkan pada posting-posting yang sebelum ini. Kalau ada yang masih tidak faham, sila baca ruangan ini.

Bagaimana membuat marquee

2009-05-18T15:53:00.012+08:00

Apa itu marquee? Marquee adalah kod HTML yang digunakan untuk membolehkan objek bergerak.

Tetapi, apa kata kita lihat atribut yang selalu digunakan :

BGCOLOR="color" → untuk setkan warna latarbelakang bagi objek (teks, imej ..etc).

DIRECTION="left/right/up/down" → untuk setkan arah pergerakan objek samada kiri, kanan, atas atau bawah.

BEHAVIOR="scroll/slide/alternate" → untuk setkan jenis pergerakan objek.

Scroll → objek bergerak secara pusingan.

Slide → objek akan bergerak kemudian berhenti seketika dan seterusnya.

Alternate → objek bergerak dari kiri ke kanan dan kembali semula ke kiri dan seterusnya.

TITLE='message" → objek akan berhenti apabila cursor ditunjuk kepada objek.

SCROLLMOUNT="number" → untuk setkan kelajuan marquee, lebih besar nombornya maka lebih cepat kelajuannya.

WIDTH="number" → untuk setkan lebar marquee dan ianya dalam unit picel(px) atau persen(%).

Cuba kita lihat beberapa contoh di bawah.

Ini adalah contoh marquee di mana teks bergerak dari kanan ke kiri.

Dapatkan codingnya di sini.

Teks bergerak ke kiri dan kanan secara berulang.

Dapatkan codingnya di sini.

Teks bergerak ke kiri dan kanan secara berulang di dalam kotak.

Dapatkan codingnya di sini.

Untuk menghasilkan kesan-kesan marquee seperti di atas, sila ikuti langkah-langkah seperti sebelum ini iaitu ;
1. Sila copy coding pada link yang disediakan.
2. Seterusnya, login ke blogger.com menggunakan ID anda.
3. Pilih layout --> Add a Gadget --> HTML/JavaScript --> paste coding yang berkenaan --> save --> view blog dan lihatkan hasilnya!. Selamat mencuba dan jumpa lagi.

Bagaimana membuat scroll text

2009-05-18T15:15:00.012+08:00

Anda ingin tahu bagaimana untuk membuat scroll text seperti demo di bawah?

Anda

Ingin

Tahu

Bagaimana

Membuat

Scroll

Teks

Selamat

Mencuba !

Ikuti langkah-langkah mudah seperti di bawah.
1. Sila klik di sini untuk mendapatkan codingnya.
2. Seterusnya, login ke blogger.com menggunakan ID anda
3. Pilih layout --> Add a Gadget --> HTML/JavaScript --> copy paste coding yang berkenaan --> save --> view blog dan lihatkan hasilnya!. Selamat mencuba dan jumpa lagi.

Bagaimana meletakkan element di bawah header

2009-05-18T14:37:00.008+08:00

Bagaimana meletakkan element di bawah header.

Untuk meletakkan element baru di bawah header, kita perlu menambah beberapa baris kod html. Anda masih tidak jelas tentang objektif tutorial ini? Begini, struktur template yang biasa adalah seperti di bawah.

Selepas kita menambah element baru di bawah header, struktur layout anda akan menjadi seperti di bawah.

Anda sudah bersedia. Klik di sini.

Bagaimana untuk setting blog anda

2009-05-18T09:38:00.003+08:00

Untuk memastikan blog anda dikuasakan oleh google.com, sila setting blog anda seperti berikut.

1. Sila login ke blogger.com menggunakan ID anda.
2. Klik Setting diikuti Basic. Berikut adalah beberapa bahagian yang terdapat dalam menu Basic:
o Title : Tajuk blog anda. Contoh : My Blog For Your View.
o Description : Penerangan ringkas tentang blog anda. Contoh : Blog ini mengandungi beberapa siri tutorial berkaitan langkah-langkah membangunkan blog
o Add your blog to our listing : Pilih Yes, supaya setiap posting yang dihantar akan memasuki senarai Blogger.com.
o Show Quick Editing on your blog : Pilih Yes.
o Show Email post link : Sila pilih Yes, jika pilih No juga tidak mengapa.
o Show compose Mode for all your blog : Pilih Yes.
o Show transliteration button for your post : Pilih Yes jika anda mahukan kekunci di dalam blog diterjemahkan kepada bahasa hindi dan pilih No jika sebaliknya.
o Klik Save Settings.
o Tamat.

3. Klik Publishing untuk selaraskan menu paparan.
o Blog’Spot Address : Content with your blog address. Example : fareidah.blogspot.com
o Send Pings : Pilih Yes.
o Klik Save Settings.
o Tamat

4. Klik Formatting untuk selaraskan menu format.
o Show : Pilih bilangan post yang hendak dipaparkan pada blog. Contoh : Show : 6 post, bilangan post yang akan dipaparkan pada blog anda adalah 6 sahaja. Sila pilih Post (jangan pilih days).
o Date header Format : Sila pilih format tarikh yang dikehendaki. Format tarikh ini akan dipaparkan pada bahagian bawah post.
o Archive Index Date Format : Sila pilih format archive yang dikehendaki.
o Timestamp Format : Sila pilih format masa yang dikehendaki.
o Time Zone : Pilih zon yang sepadan dengan tempat anda.
o Language : Pilih bahasa yang dikehendaki.
o Convert line break : Pilih Yes, jika pilih No juga tidak mengapa.
o Show Link Field : Pilih No, jika pilih Yes juga tidak mengapa.
o Enable Float aligment : Pilih Yes, jika pilih No juga tidak mengapa.
o Klik Save Settings.
o Tamat.

5. Klik Comment untuk selaraskan menu komen.
o Comments : Pilih Show.
o Who Comment? Pilih Anyone. Ini bermakna sesiapa sahaja boleh memberi komen pada post anda.
o Comments Default for Post : Pilih New post Have Comments.
o Back links : Pilih Show. Ini bermakna anda mengetahui jika ada pengunjung yang membaca post anda.
o Backlinks default for Posts : Pilih New post have Backlinks.
o Show comments in a popup window? : Pilih Yes. Ini bermakna jika pengunjung klik pada Comment link ia tidak akan menghilangkan paparan blog anda.
o Show word verification for comments? : Adalah lebih baik memilih Yes.
o Enable comment moderation? : Pilih No, jika pilih Yes tidak mengapa.
o Show profile images on comments? : Pilih Yes.
o Comment Notification Address : Content with your email address.
o Klik SAVE SETTINGS.
o Tamat.

6. Klik ARCHIVING untuk selaraskan menu archiving.
o Archive Frequency : Pilih monthly.
o Enable Post Pages? : Pilih Yes.
o Klik SAVE SETTINGS.
o Tamat.

7. Klik Site Feed.
o Publish Site Feed : Pilih Yes.
o Descriptions : Pilih Full.
o Article Footer : Jika anda mempunyai advertising code seperti Google Adsense, anda boleh masukkan kod tersebut di sini.
o Klik SAVE SETTINGS.
o Tamat.

Bagaimana meletakkan aksesori jam pada blog

2009-03-11T10:10:00.003+08:00

Tutorial Meletakkan aksesori jam pada blog.

Untuk blog tampil lebih menarik, anda boleh meletakkan aksesori tertentu seperti jam, kalendar, chatbox dll. Dalam tutorial kali ini, kita akan belajar bagaimana meletakkan jam pada blog. Banyak website yang menyediakan kemudahan ini dan antaranya ialah http://www.clocklink.com/ . Ikuti langkah-langkah mudah seperti berikut.

1. Sila klik ke link berikut à http://www.clocklink.com/. Klik pada Want a clock on your website?

2. Banyak koleksi jam yang disediakan seperti Analog, Digital, Animal, Animation, Transparent dll.

3. Pilih satu daripada koleksi jam tersebut dan klik View HTML tag yang berada di bawah jam yang dipilih.

4. Tetingkap berikut dipaparkan dan klik butang berlabel Accept.

5. Setkan warna jam, saiz jam dan Bandar berdekatan dengan tempat tinggal anda : Untuk Malaysia sila tick pada Select by City, pilih Malaysia dan secara otomatik Bandar yang keluar ialah Kuala Lumpur.

6. Copy kod HTML yang diberikan pada aplikasi WORD atau notepad.
7. Login ke blog anda seperti biasa. Pergi ke bahagian Layout --> Add a Gadget --> HTML/JavaScript seterusnya paste kod tadi di ruangan yang disediakan. Jangan lupa klik butang SAVE.

Bagaimana dengan hasilnya? Jika jam yang dipilih tadi tidak sesuai untuk digandingkan dengan latarbelakang blog, anda boleh mencuba koleksi jam yang lain dengan cara yang sama seperti yang telah ditunjukkan. Jumpa lagi pada posting yang berikutnya.