PANDUAN PEMBINAAN

BLOG

Disediakan Oleh : Syamimah Salmi binti A Wahab Pensyarah Program Teknologi Maklumat
i
Panduan Membina Blog

ISI KANDUNGAN
1.0 PENGENALAN 1.1 1.2 1.3 2.0 APA ITU BLOG? JENIS-JENIS LAMAN WEB BERKAITAN BLOG LANGKAH-LANGKAH MENDAFTAR BLOG

MEMBUAT POSTING / ARTIKEL 2.1 2.2 2.3 MENGENAL TOOLS DI DALAM BLOG MEMBINA ARTIKEL BARU LOGIN (MASUK) DAN SIGN OUT (KELUAR) BLOG

3.0

MEMASUKKAN ELEMEN SELAIN TEKS 3.1 3.2 MEMASUKKAN GAMBAR DALAM ARTIKEL MEMASUKKAN VIDEO DALAM ARTIKEL

4.0

MENAMBAH DAN MENYUSUN ATUR BLOG 4.1 MENAMBAH GADGET DI BLOG 4.1.1 4.1.2 4.1.3 4.2 MEMASUKKAN GAMBAR MEMBUAT LINK LIST MENAMBAH BLOG LIST

MENYUSUN ATUR GADGET DI BLOG

5.0

MEMASUKKAN KOD HTML 5.1 5.2 5.3 CHATBOX LINKWITHIN WHOS LINKING TO YOU?

Panduan Membina Blog

BAB 1 PENGENALAN
1.1 1.2 1.3 Apa Itu Blog? Jenis-Jenis Laman Web Berkaitan Blog Langkah-Langkah Mendaftar Blog

Objektif :

Di akhir pelajaran ini, anda akan dapat : Memahami pengertian blog Mengetahui jenis-jenis laman web yang menawarkan perkhidmatan blog Mengetahui langkah-langkah mendaftar blog di laman web.

Panduan Membina Blog

1.1

APA ITU BLOG? Blog atau lebih dikenali sebagai web blog atau satu laman web yang kebiasaannya dibina dan dikemaskini oleh seseorang individu atau organisasi tertentu untuk memaparkan penulisan, deskripsi, atau satu bahan grafik mahupun video. Blog juga biasanya mengandungi komen, berita, perkongsian maklumat serta diari persendirian secara online. Blog juga merupakan kombinasi sesebuah teks, gambar, video, muzik dan link ke satu blog ke blog, laman web lain dan antara media yang ingin di sampaikan. Blog mempunyai pelbagai fungsi mengikut kehendak tuan blog atau lebih dikenali sebagai BLOGGER. Sesebuah blog yang aktif boleh dikatakan di update setiap hari. Caranya hanya dengan membuat artikel baru bagi tujuan untuk pembacaan pelawat blog.

1.2

JENIS-JENIS LAMAN WEB BERKAITAN BLOG Pelbagai jenis laman web yang menawarkan khidmat blog secara percuma seperti : Blogger.com Wordpress.com

1.3

LANGKAH-LANGKAH MENDAFTAR BLOG 1.3.1 Perkara paling penting untuk mendaftar ialah mempunyai akaun email yang masih AKTIF seperti Gmail atau Yahoo Mail. Jika telah ada, boleh mendaftar akaun di blogger.com dan ikuti langkah-langkah ini. 1.3.2 Layari web www.blogger.com/ Di dalam laman web tersebut, terdapat info berkenaan blog. Klik pada CREATE A BLOG

Klik sini

Panduan Membina Blog

Selepas klik, antaramuka seperti di bawah akan dipaparkan. Isikan maklumat berkaitan yang dikehendaki.

1.3.3

CARA MENDAFTAR Isikan maklumat seperti : o Alamat email (email yang aktif) o Kata laluan o Display Name Nama yang ingin ditampilkan sebagai nama pengantar setiap posting /artikel yang ditulis di blog. o Word Verification Masukkan huruf/nombor yang dipaparkan di skrin. Setelah selesai, klik kotak I Accept The Term of Services Kemudian klik Continue.

1.3.4

MENAMAKAN BLOG

Isikan maklumat yang dikendaki o Blog Title

Panduan Membina Blog

o 1.3.5

Nama blog atau tajuk blog yang ingin dipaparkan. Boleh dimasukkan mengikut kehendak sendiri. Nama blog ini akan dipaparkan di Title Bar Laman Web Blog Address (URL) Link URL blog sendiri. Pilih satu nama yang unik untuk alamat blog seperti nama sendiri kerana nama setiap seseorang adalah unik. Kemudian klik check availability URL yang dipilih tadi. Ini adalah untuk memastikan URL Blog yang dipilih tidak sama atau tidak bertindih dengan blogger yang lain. Jika dibenarkan klik Continue.

MEMILIH TEMPLATE Langkah terakhir ialah memilih template yang bersesuaian. Template adalah paras rupa blog seseorang.

Setelah selesai memilih, klik CONTINUE Maka sekarang ANDA SUDAH MEMPUNYAI BLOG.

Klik sini Klik pada START BLOGGING. Untuk menghantar posting / menulis artikel di blog boleh dilakukan.

Panduan Membina Blog

BAB 2 MEMBUAT POSTING / ARTIKEL

2.1 2.2 2.3 Mengenal Tools di dalam Blog Membina Artikel Baru, Preview dan Publish Login (masuk) dan Sign Out (Keluar) Blog

Objektif : Di akhir pelajaran ini, anda akan dapat : Mengenali tools di dalam blog Mengetahui cara untuk membina artikel Mengetahui cara untuk Preview dan Publish artikel Mengetahui cara bagaimana untuk membuka blog dan menutup blog

Panduan Membina Blog

2.1

MENGENAL TOOLS DI DALAM BLOG

1 2

1 3 5 7 8
1 0 1 1

No. 1 2 3 4 5 6 7 8 9 10 11 12

Keterangan Jenis-jenis Font Font Size Bold Italic Text Color Link (URL) Alignment - Untuk set kedudukan text (Left, Center, Right & Justify) Numbering Bullet Check Spelling Add Picture - masukkan gambar dalam artikel Add Video - masukkan video dalam artikel

2.1.1

Tab Posting New Post Adalah tempat di mana untuk memasukkan artikel baru Edit Posts Tempat di mana untuk edit artikel yang telah ditulis seandainya ada berlaku kesilapan setelah publish artikel Edit Pages Tempat di mana untuk memasukkan stand alone pages Tab Comments Ruangan di mana untuk blogger approve comments sekiranya ada komen

2.1.2

Panduan Membina Blog

2.1.3

Tab Setting Disini setting untuk blog telah disediakan. Di dalam menu Setting ini terdapat butang-butang yang lain seperti : o Publishing o Formatting o Comments o Dan lain-lain seperti rajah di bawah.

2.1.4

Tab Design

Tempat di mana untuk mengubah suai rupa paras blog. Ada 4 sub menu iaitu : Page Elements > untuk menyusun atur gadget Edit HTML >> untuk mengubahsuai menggunakan coding Template Designer >> untui mengubah paras rupa blog. Boleh ubah warna, background, dan pelbagai lagi.

Panduan Membina Blog

2.1.5

Tab View Blog Tempat di mana untuk melihat kembali paparan sebenar blog

2.2

MEMBINA ARTIKEL BARU. Klik pada Menu Posting New Post Langkah-langkah untuk menulis artikel adalah seperti turutan nombor di rajah ini.

Tajuk Blog

1
Title : Menulis tajuk artikel

2 5
Publish Post : Klik sini setelah selesai menulis artikel untuk dipublish di blog Ruang untuk membuat posting / menulis artikel

3
Ruang menulis label di mana untuk mengkategorikan jenis artikel

Panduan Membina Blog

AMALI 1
Membina Artikel Baru Title : Selamat Datang ke Blog Saya Assalamualaikum dan salam sejahtera sebagai pembuka bicara.. SELAMAT DATANG ke blog saya. Terima kasih kerana sudi melayari blog saya. Blog ini dihasilkan semata-mata untuk tujuan peribadi saya. Untuk menceritakan kisah tentang diri saya, keluarga saya dan juga rakan-rakan saya serta info-info yang terbaru yang ingin saya kongsi bersama dengan anda. Rajin-rajinlah berkunjung ke blog saya untuk mendapatkan kisah-kisah terbaru. Jika ada sebarang komen atau cadangan bolehlah dimaklumkan kepada saya. Dari semasa ke semasa saya akan selalu mengemaskini blog saya ini. Terima kasih.

Setelah selesai menulis klik Preview Kemudian klik Publish View Blog Paparan seperti di bawah akan kelihatan setelah butang View Blog diklik.

Artikel yang dipaparkan

Nama penghantar dan waktu artikel di posting

Ruang komen

Panduan Membina Blog

2.3 LOGIN KE BLOG

Masukkan username & password kemudian klik sign

SIGN OUT / KELUAR DARI BLOG

Klik sini untuk keluar

10

Panduan Membina Blog

BAB 3 MEMASUKKAN ELEMEN SELAIN TEKS

3.1 3.2 Memasukkan Gambar dalam Artikel Memasukkan Video dalam Artikel

Objektif : Di akhir pelajaran ini, anda akan dapat : Mengetahui cara memasukkan gambar dalam artikel dan upload Mengetahui cara untuk memasukkan video dalam artikel dan upload

11

Panduan Membina Blog

3.1

MEMASUKKAN GAMBAR KE DALAM ARTIKEL Semasa membina artikel klik pada ikon seperti di bawah.

Klik sini memasukkan gambar

Ada 2 pilihan : o Add an image from your computer >> Klik pada butang Browse untuk pilih gambar o Add an image form the web >> Gambar yang disimpan di dalam mana-mana laman web seperti Photobucket, Flickr dan lain lagi. Perlu ada URL gambar tersebut dan diletakkan di ruangan URL paga blog.

3.2

MEMASUKKAN VIDEO KE DALAM ARTIKEL

Pilih video dengan klik pada butang Browse Masukkan Tajuk Video dan klik Upload Video Tunggu sehingga proses upload video selesai, kemudian paparan video akan terus dipaparkan di ruangan artikel yang telah disediakan.

12

Panduan Membina Blog

BAB 4 MENAMBAH & MENYUSUN ATUR BLOG

4.1 Menambah Gadget di blog 4.1.1 Menambah Gambar 4.1.2 Menambah Link List 4.1.3 Menambah Blog List 4.2 Menyusun atur Gadget

Objektif : Di akhir pelajaran ini, anda akan dapat : Mengetahui cara menambah Gadget seperti gambar, link dan blog list Mengetahui cara untuk menyusun atur kedudukan elements di dalam blog

13

Panduan Membina Blog

4.1

MENAMBAH GADGET 4.1.1 Memasukkan Gambar Ke Dalam Blog Melalui Gadget Gambar dimasukkan ke dalam blog untuk menjadikan blog nampak lebih menarik. Pelbagai jenis gambar boleh dimasukkan, semuanya bergantung kepada blogger.

2 1

Klik sini

Klik icon + untuk tambah GAMBAR

3 Isi semua maklumat yang diperlukan 4 Klik SAVE setelah selesai memasukkan gambar

Title >> Untuk memberi tajuk kepada gambar Caption >> untuk menerangkan dengan lebih jelas berkenaan gambar Link >> untuk membuat link (hubungan) ke halaman lain (optional) Image >> ada 2 pilihan 1. Form your computer 2. From the web Shrink to fit >> untuk menjadikan gambar setara dengan halaman blog

14

Panduan Membina Blog

5 Gadget yang telah siap dimasukkan

7 Gambar yang telah dimasukkan

6 Klik View Blog untuk melihat susun atur

4.1.2

MEMBUAT LINK (hubungan) KE LAMAN WEB LAIN Link dimasukkan untuk memudahkan blogger untuk melayari laman web yang lain tanpa perlu Google atau memasukkan alamat laman web tersebut.

Caranya adalah seperti di bawah :

2 1 Klik sini Pilih Link List > kemudian klik pada icon +

Title > Tajuk untuk gadget link dipaparkan Number of item to show in list > bilangan link yang hendak dipaparkan Sorting > 3 pilihan 1. Dont Sort 2. Sort Alphabetically 3. Sort Reverse Alphabetically New Site URL > alamat link yang hendak dimasukkan New Site Name > Nama laman web yang hendak dipaparkan * Isikan maklumat yang diperlukan * Edit > jika ada perubahan pada link * klik SAVE setelah selesai atau * klik ADD LINK jika masih ada link yang yang dimasukkan hendak dimasukkan. * Delete > untuk memadam link
15
Panduan Membina Blog

AMALI 2

Membuat LINK 1. a. New Site URL : http://www.kkkla.edu.my b. New Site Name : Laman Rasmi Kolej Komuniti Kuala Langat 2. a. New Site URL : http://www.facebook.com b. New Site Name : Facebook 3. a. New Site URL : http://www.utusan.com.my b. New Site Name : Utusan Online Setelah selesai klik SAVE Kemudian klik View Blog Link akan dipaparkan seperti di bawah :

3 Link yang telah dimasukkan

4.1.3

Menambah Blog List Perbezaan di antara LINK LIST dan BLOG LIST adalah link hanyalah sekadar senarai pintasan untuk ke laman web lain manakala blog list merupakan link yang boleh memaparkan tajuk artikel terkini di blog berkenaan, tarikh terkini blog dikemaskini dan sebagainya.

16

Panduan Membina Blog

2 1 Klik sini Pilih Blog List > kemudian klik pada icon +

4 3 Klik pada Add a blog to your list Masukkan alamat blog yang ingin ditambah > kemudian klik ADD

* Masukkan alamat blog ke ruang Add by URL

5 Blog yang telah dimasukkan > klik ADD TO LIST jika ingin menambah URL blog > klik SAVE setelah selesai

6 Senarai blog yang telah ditambah

4.2

MENYUSUN SUSUN ATUR ELEMENTS DI BLOG

17

Panduan Membina Blog

Elements yang sedia ada : 1. Flora & Fauna 2. Followers 3. Blog Archive 4. About Me Elements yang ingin disusun atur : 1. About Me 2. Blog Archive 3. Flora & Fauna 4. Followers * untuk susun atur > Cuma perlu tarik (drag) element yang hendak di ubah ke tempat lain.

Elements yang telah di susun atur

18

Panduan Membina Blog

BAB 5 MEMASUKKAN KOD HTML

5.1 5.2 5.3 ChatBox LinkWithin Whos Linking To You?

Objektif : Di akhir pelajaran ini, anda akan dapat : Mengetahui cara-cara untuk menambah gadget menggunakan kod html Mengetahui secara umum pelbagai widget disediakan untuk pengguna blog

19

Panduan Membina Blog

5.1

MEMASUKKAN CHATBOX Kelebihan memasukkan fungsi ChatBox ialah dapat berkomunikasi secara nyata dengan blogger yang lain. Pelbagai laman web yang menawarkan fungsi ChatBox, antaranya ialah ShoutMix. 5.1.1 Langkah-langkah untuk memasukkan ChatBox Layari http://www.shoutmix.com/main/ Klik Create shoutbox >

Klik sini

Isikan maklumat yang dikehendaki, kemudian klik Continue

20

Panduan Membina Blog

 Paparan seperti di bawah akan dipaparkan setelah ChatBox berjaya direka.

Ruangan ChatBox ini boleh di edit dengan menukar warna teks, background dan sebagainya. Klik pda ruangan Display. Paparan seperti di bawah akan dipaparkan.

Copy kod html ini dan paste di ruangan HTML/JavaScript dalam Gadget

21

Panduan Membina Blog

Klik Save setelah selesai memasukkan Kod HTML

Widget ChatBox yang telah berjaya dimasukkan.

Rupa sebenar ChatBox setelah blog dilihat

5.2

MEMASUKKAN LINKWITHIN LinkWithin adalah widget blog yang akan dipaparkan pada setiap artikel yang ditulis di dalam blog, yang mana dipaparkan secara rawak daripada arkib blog. Kelebihan memasukkan LinkWithin ini adalah para pelayar blog akan dapat melihat artikelartikel yang berkaitan atau artikel menarik yang berada di dalam blog tanpa perlu bersusah payah mencarinya. Yang paling penting sekali ia adalah PERCUMA. 5.2.1
22

Langkah-langkah untuk memasukkan LinkWithin

Panduan Membina Blog

Layari http://www.linkwithin.com/learn?ref=widget Isikan maklumat seperti yang dikehendaki. Pastikan ruangan Blog Link (URL Blog) ditulis dengan betul untuk memastikan widget ini dapat berfungsi dengan baik.

Tandakan () pada checkbox My blog has light text on a dark background jika menggunakan background gelap. Setelah selesai, klik Get Widget.

Klik pada Add Widget

Widget akan dipaparkan pada ruangan Gadget. Drag and drop pada ruangan di bawah Blog Post Setelah selesai klik Save. Dan View Blog anda. LinkWithin akan kelihatan seperti di bawah setelah selesai.

23

Panduan Membina Blog

5.3

WHOS LINKING TO YOU? Kelebihan widget ini adalah blogger dapat mengetahui blog mana yang berhubung dengan blognya. 5.3.1 Langkah-Langkah untuk memasukkan Whos Linking To You Layari http://referer.org/ Copy kod html seperti di bawah

Tukarkan referrer block = url blog anda; Contoh : http://diarionlinesaya.blogspot.com

Kod html yang telah dipaste diruangan HTML/JavaScript

24

Panduan Membina Blog

List refferer yang dipaparkan setelah widget ini dimasukkan.

AKHIR KATA, SEMOGA TERHASILNYA PANDUAN MEMBINA BLOG INI AKAN MEMBERIKAN PANDUAN KEPADA MEREKA YANG BARU BERKECIMPUNG DALAM ARENA BLOGGING. PANDUAN INI JUGA AKAN DIKEMASKINI DARI SEMASA KE SEMASA.

25

Panduan Membina Blog