V3/2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Modul ini mengandungi langkah demi langkah untuk menghasilkan sebuah blog. Diharapkan ianya dapat membantu anda untuk menghasilkan sebuah blog.

http://www.blogger.com

Romayne Anak Boniface Nugi romayne66@gmail.com

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

KANDUNGAN

KANDUNGAN

MUKASURAT

Prakata Pengenalan Membina Blog Option Menu New Post Design Gadget Gadget Html/Javascript Gadget Text Gadget Link List Gadget Label Memilih Dan Menukar Template Menambah Mukasurat (Page) Layout Edit Header Pages Blog Post Add A Gadget Memasukkan Tek Memasukkan Image

3 4 5 8 9 9 10 12 16 18 18 19 19 20 21 23 24 26 30 31 35 36

Template Memasukkan Table (Jadual) Dalam Pos Sign Out/Sign In

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

PRAKATA
Modul Pengenalan Asas Menghasilkan Blog ini dihasilkan untuk mereka yang masih baru dalam selok belok membina blog di Internet. Ia bertujuan memberikan panduan, pengajaran, menyalurkan dan perkongsian maklumat berguna tentang asas langkah demi langkah untuk menghasil dan membangunkan blog secara online. Melalui Modul ini anda diharap boleh menghasilkan blog yang lebih baik dan percuma.Walaubagaimana pun, modul ini merupakan langkap asas untuk menghasilkan blog.Untuk menghasil dan mengetahui secara lebih mendalam anda dinasihatkan untuk mencubanya dan mempelajari dengan lebih mendalam lagi.

Info Penting
Segala maklumat yang terkandung di dalam modul ini adalah berdasarkan kepada pembelajaran, pembacaan dan pengalaman dalam membina blogdi Internet. Memandangkan maklumat Internet bergerak dan bertukar dengan pantas, kemungkinan informasi yang kurang tepat akanberlaku semasa anda membaca modul ini. Kami tidak akan bertanggungjawab atas segala risiko atau kesan negative yang terjadi akibat daripada penggunaan modul ini.

Hakcipta Terpelihara2012
Anda dilarang untuk menjual modul ini, tetapi anda diberi kebenaran untuk mengedar atau menjadikannya sebagai bonus produk anda tanpa mengubah mana-mana kandungan yang terdapat di dalam ebook ini tanpa kebenaran.

Ditulis dan disediakan oleh: Romayne Anak Boniface Nugi romayne66@gmail.com

Versi III/2012

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

P ENGENALAN
Penggunaan komputer dan Internet masa kini semakin meningkat dan berkembang dengan pantas. Perkembangan ini juga seiring dengan peningkatan permintaan pengguna terhadap komputer, Internet dan telikomunikasi di seluruh dunia. Daripada tahun ke setahun pelayar siber semakin bertambah di seluruh dunia setiap bulan. Dengan perkembangan ini juga menjadikan ramai di kalangan penggemar dan pengguna Internet ingin menghasilkan laman web atau blog sendiri. Penghasilan laman web atau blog ini dihasilkan untuk tujuan tertentu seperti tujuan peribadi, maklumat dan pandangan, perniagaan dan sebagainya. Didalam modul ini, saya akan menerangkan bagaimana menghasilkan blog menggunakan penyedia perkhidmatan blog percuma iaitu http://www.blogger.com. Ia merupakan penyedia blog yang paling digemari kerana mudah dan senang untuk dikendalikan. Namun sebarang perubahan kepada versi yang baru harap pengguna boleh menyesuaikan penggunaannya. Walaupun tidak selengkapnya, namun ia diharap dapat membantu anda untuk menghasilkan sebuah blog anda sendiri.

http://www.blogger.com

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Peringatan:
Sebelum anda mula menbina sebuah Blog, pastikan ada sudah ada email yang belum digunakan untuk membina sebuah blog. Email gmail atau yahoo boleh digunakan. Sekiranya belum, sila hasilkan email anda dahulu.

Membina Blog
Login ke URL Blogger: http://www.blogger.com

1. Klik butang Get Started untuk bermula

2. Pada paparan Create a Google Account, isikan maklumatmaklumat seperti yang dikehendaki. Setelah selesai, Klik butang Continue untuk teruskan

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

3. Pada Verification Options, pilih option yang sesuai untuk anda menerima verification code Anda akan menerima verification code melalui telefon anda. Klik butang Send Verification code untuk teruskan

4. Masukkan verification code yang telah diterima Klik butang Verify untuk teruskan

5. Pada paparan Name your blog, isikan nama dan url blog anda Peringatan: pilih url yang mudah di ingati. Semak url berkenaan sama ada ada atau sudah digunakan melalui Check Availability Klik Continue untuk teruskan

URL

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

6. Choose a starter template, Pilih template blog anda. Template ini boleh ditukar kemudian mengikut kehendak anda Klik Continue untuk teruskan

7. Your blog has been created! Klik Start Blogging untuk mula mengisi blog anda

8. Isikan tajuk (Title) dan kandungan pos anda Selesai, Klik butang Publish Post untuk hantar dan simpan pos anda.

kandungan (tek/image/video)

9. klik View Post untuk lihat blog pertama anda

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

10. Paparan Blog anda yang sudah siap dibina.

Anda telah berjaya menghasilkan sebuah blog peribadi anda. Namun anda perlu masukkan pos baru dan edit pos dalam blog anda. Selain daripada itu, anda perlu menambah menu-menu lain untuk mencantikkan blog anda dan memudahkan pengguna untuk akses maklumat dalam blog anda.

Option menu New Post, Design dan Sign Out

Kita akan lihat tiga menu utama seperti gambar rajah dibawah.

Pada bar atas ada 3 menu New Post, Design dan Sign Out yang perlu dilihat fungsinya. Secara ringkasnya fungsinya ialah: i. ii. iii. New Post : untuk memasukkan pos atau kandungan baru Design: menggandungi beberapa option seperti Post, Pages, Comments, Layout, Templates dan Setting Sign Out: untuk keluar dari blog setelah selesai edit dan memasukkan pos baru.

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

New Post
New Post adalah untuk memasukan pos atau bahan baru dalam blog anda. Selain daripada teks, gambar dan video juga dimasukkan melalui New Post. Jadual Table juga boleh dimasukkan dalam New Post, namun anda perlu membinanya dalam Microsoft Words terlebih dahulu kemudian pastekan dalam pos baru.

Font

Font size

Text color

Add or remove link

Alignment

Bold

Italic

Underline Insert Image

Add a video

Number & Bullets Lists

Memasukkan Bahan Teks

i. ii. iii.

Masukkan Post Title Masukkan kandungan teks anda. Selesai, Klik butang Publish untuk simpankan pos anda.
i.Post Title ii. Publish

ii.Kandungan

iv. Bila anda sudah Publish, blog anda akan menyenaraikan pos-pos yang telah di poskan dalam blog.
9 Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

vi. View blog untuk lihat hasil pos anda.

Nota: Anda juga boleh menghasilkan New Post, View Post dan View Blog daripada option New Post.

New Post

View Post

View Blog

Masukkan (Insert) Image

1. Klikkan New Post

2. Klik Insert Image untuk memilih image

3. Paparan Select a file akan dipaparkan. 4. Klik Choose files untuk memilih file dan image

10

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

5. Pilih image dalam file yang telah dibuka 6. Klik Open, selesai memilih. Anda boleh memilih lebih daripada satu image dengan menekan butang Ctrl pada keyboard anda, tanpa lepaskan butang Ctrl dan pilih (klik) beberapa image. 7. Selesai memilih image, Klik butang Open

8. Image yang telah dipilih /upload 9. Klik butang Add Selected untuk teruskan

10. Image yang telah di upload Klik pada image berkenaan, image tersebut boleh di ubah saisnya, dengan memilih small, medium, large, X-Large atau Original Size. Option lain, seperti Alignment image, Add Caption atau Remove image. 11. Selesai upload image, Klik butang Publish untuk simpan image tersebut. 12. Klik View Blog untuk lihat hasilnya.

11

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Design

Menu Design menggandungi beberapa option seperti berikut:

i.

Overview melihat status blog anda secara keseluruhan dari segi jumlah komen, pageviews, pos dan mengikut blog anda

12

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

ii. Post senarai pos yang telah diposkan dalam blog anda. Ruangan ini juga anda boleh edit, view dan delete pos anda selain daripada memasukkan pos baru.

iii.

Pages - Untuk menghasilkan pages mukasurat-mukasurat pada blog anda.

iv.

Comments komen-komen daripada pembaca

13

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

v. Stats

vi.

Earnings

vii.

Layout susunatur blog anda

14

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

viii. Template menggandungi antara muka blog yang anda boleh pilih dan tukar dari semasa ke semasa.

ix.

Settings

15

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Menambah Mukasurat (Pages)

Ruangan ini untuk menambah menu-menu mukasurat (pages) dalam blog anda.

1. Klik Pages

2. Klik New Page dan pilih Blank page

3. Taipkan Page Title

4. Taipkan kandungan page anda 5. Selesai, Klik Publish

16

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

6. Page (mukasurat) yang telah anda hasilkan, disenaraikan pada option page

7. Sebelum anda View, Klik butang Dont show bagi Show pages as dan pilih Top tabs untuk menyusun menu di atas 8. Selesai, pastikan klik Save arrangement

9. View blog anda. 10. Perhatikan menu yang telah anda hasilkan berada di sebelah atas pos anda.

Teruskan dengan langkah berkenaan untuk menghasilkan menu (page) lain mengikut
keperluan anda.

17

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER Layout

Layout adalah antaramuka blog anda. Anda boleh edit dengan Klik pada Edit.

Header/Banner Blog Menu (Pages) Gadget Pos

Edit Header/Banner

i. Blog Title: boleh ditukar ii. Blog Description: Penjelasan berkenaan dengan blog anda. Taipkan pada petak Blog Description iii. Image: Image pada header anda. Klik Browse untuk upload banner atau image. iv. Placement: kedudukan banner/image pada header Selesai, Klik SAVE untuk simpan

18

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Pages

i. Title: biarkan atau kosongkan ii. Klik Automatically add new pages when they are published iii. Page to Show: Klikkan semua atau pilih yang hendak dipaparkan iv. Page oder: boleh disusun mengikut kehendak anda dengan klik dan alih keatas atau kebawah Selesai, Klik SAVE untuk simpan

Blog Post

i. Number of post on main page: berapa jumlah pos yang anda hendak paparkan pada menu utama ii. Post Page Option: Klik/tik mana yang anda perlukan Selesai, Klik SAVE

19

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Add a Gadget
Add a Gadget membolehkan anda menambah menu-menu lain seperti pautan (links),label, tek, welcome note, pages, popular posts, search box dan banyak lagi. Kita akan lihat beberapa menu yang sering digunakan.

20

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Gadget
HTML/JavaScript i.

HTML/JavaScript memasukkan fungsi lain atau html kod ke blog anda

Latihan1: Masukkan Jam ke blog anda.

i. dapatkan kod jam dari internet. Contoh di Clock Widgets ii. Salinkan (copy) kod html berkenaan

kod html

iii. Buka Gadget HTML/JawaScript iv. Klik ikon + untuk paparkan gadget berkenaan

v. Paste kod html jam yang telah anda salinkan tadi ke dalam content gadget

21

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

vi. Selesai, Klik SAVE vii. Perhatikan, HTML/JavaScript telah disenaraikan pada Gadget blog anda. Anda boleh susun kedudukannya dan Klik Save arrangement setiap kali anda membuat perubahan. viii. Klik View blog untuk melihat hasilnya

ix. Jam yang telah dihasilkan

22

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER Text

Latihan 2: Masukan Tek ke dalam blog. Contoh: Ucapan Selamat Datang

i. ii. Klik Add a Gadget Klik ikon + pada gadget Text

iii. Dalam paparan Gadget Configure Text, masukan Title dan Content tek anda. iv. Selesai, Klik SAVE

v. Perhatikan pada Layout, tek Selamat Datang sudah disenaraikan dalam gadget blog anda

vi.
23

Klik View blog untuk paparkan.

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Link List
Latihan 3: Link List menyenaraikan pautan laman web, blog atau pautan lain
i. ii. Klik Add a gadget Klik ikon + pada gadget Link List

iii. Masukkan Title, contoh: Pautan iv. Pada Add List Item, taipkan Nama Laman Web yang hendak disediakan pautan v. Klik ikon untuk masukkan url

vi. Selesai, klik OK

24

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

vii. URL telah dimasukkan dalam Add List Item viii. Klik ADD ITEM untuk masukkan dalam senarai

ix. Perhatikan, tajuk dan url pautan laman web berkenaan telah disenaraikan x. Lakukan langkah yang sama untuk masukkan pautan url yang lain.

xi. Selesai, Klik SAVE

x. Pautan-pautan yang telah disenaraikan

25

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER Label Latihan 4: Labels menyenaraikan semua pos dalam blog anda
Sebelum memulakan labels pada Gadget, telebih dahulu ianya harus dibuat semasa anda poskan Pos baru. i. ii. iii. Setelah selesai menyiapkan pos baru Klik Labels sebelah kanan dan taipkan tajuk pos anda. Tujuannya adalah untuk meneraikan tajuk pos anda dalam Labels Selesai, Klik Publish

iv.

Perhatikan, pada sebelah tajuk pos anda, tajuk berwarna merah ialah tajuk Labels

v. Anda juga boleh semak senarai Labels dengan Klik pada ikon Label

26

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Sekiranya anda sudah ada pos tetapi anda belum senaraikan pos berkenaan dalam label i. Pilih dan Klik Pos yang hendak disenaraikan dalam label

ii.

Klik ikon Label Selected Post, kemudian Klik New Label

iii. Taipkan tajuk pos anda. Selesai Klik OK

iv.

Perhatikan, tajuk berwarna merah pada sebelah kanan tajuk pos terdahulu

27

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Menyediakan Gadget Label

i. ii. Klik Add a gadget Klik Labels pada Gadget

Pada paparan Configure Labels

iii. Taipkan Title yang sesuai atau gunakan sedia ada iv. Pada Show, Klik Select Labels dan Klik edit

v. Pilih dan tik tajuk label yang akan dipaparkan dalan senarai Labels Selesai, Klik DONE dan SAVE

28

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

vi.

Gadget Labels telah disenaraikan dalam blog anda

vii.

Senarai pos yang dipaparkan dibawah Labels

Nota: Gadget boleh di susun semula mengikut kehendak anda pada option Layout.

Gadget yang telah disusun

29

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Template
Pada option Template, anda boleh memilih dan menukar template blog anda.

Dynamic Views

Simple View

Picture Window

Awesome Inc.

Watermark

Ethereal

Travel

30

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER Memilih dan Menukar Template

Cara 1:
i. ii. iii. Pilih dan Klik untuk memilih template Klik Apply to Blog untuk memilih template Klik Customise untuk mengubah bentuk template

Cara 2: Disini anda boleh menggubah Templates, Background, Adjust widths, Layout dan Advanced
i. Klik Customise

31

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

ii.

Dalam Blogger Template Designer, anda boleh tukar/edit Templates, Background, Adjust widths, Layout dan Advanced

Template
i. ii. iii. iv. Klik pada mana-mana template, anda akan lihat perubahannya. Klik Apply to Blog Klik View Blog untuk lihat blog anda Klik Back to Blogger untuk kembali kepada option Template

32

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Background
i. ii. Klik mana-mana background untuk melihat perubahannya. Pastikan anda Klik Apply to Blog jika anda hendak simpan background tersebut

Adjust widths

Widths keseluruhan blog Widths sidebar

Pastikan anda Apply to Blog untuk simpan perubahan yang telah dilakukan

33

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Layout Rekabentuk susunatur antaramuka blog

i. ii. Body layout susunatur blog utama Footer layout susunatur bahagian bawah blog

Pilih mana-mana Body layout dan Footer layout Klik Apply to blog untuk simpan perubahan

Advanced
Option ini banyak kepada perubahan warna Text, Background, Links, Blog Title, Blog Discription, Tabs Text, Tabs Background, Post Title, Date Header dan banyak lagi. Cuba Klik beberapa option dan lihat perubahannya.

34

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Memasukkan Tabel (Jadual) dalam Pos

Table (Jadual) juga boleh dimasukkan dalam pos dengan cara Copy and Paste. Namun tidak semua table yang dihasilkan dalam Microsoft Office dapat dipindahkan kepada Pos blog. Latihan 1: Memasukkan Table (jadual) dalam Pos menggunakan Microsoft Word i. Bina table dalam Microsoft Words

ii. iii.

Salin (copy) table berkenaan Buka Pos baru (New Post) dan Paste table (jadual) berkenaan dalam pos anda.

iv. v. vi.

Anda juga boleh membuat pembetulan (edit) jadual berkenaan dalam pos. Selepas edit, pastikan anda Klik Update untuk menyimpan perubahan yang telah dilakukan Klik Publish untuk simpan (save) pos berkenaan Klik View Post untuk lihat hasilnya

35

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Sign Out/Sign In
Untuk keluar dari blog anda setelah selesai edit atau memasukkan pos baru

Sign Out:
Bila anda mula membina sebuah blog, anda berada di option Sign Out. Option ini membolehkan anda untuk edit dan menambah pos dalam blog anda. Harus diingatkan, setelah anda selesai edit dan menambah pos baru, anda harus Sign Out untuk Log Keluar dari blog anda.

Sign In:
Bila anda akses blog anda gunakan url blog anda anda akan lihat option menu Sign In seperti dibawah. Mengapa anda harus Sign In. Tujuan Sign In adalah untuk edit dan menambah pos baru kedalam blog anda.

Bila anda Klik Sign In, anda akan dipaparkan dengan paparan berikut.

Sign In gunakan emel dan katalaluan (password) emel yang anda gunakan untuk membina blog berkenaan.

36

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Setelah Sign In anda akan dipaparkan dengan paparan Blogger. Klik View Blog untuk paparkan blog anda

Perhatikan perubahan pada Menu Option sebelah kanan

Anda boleh edit dan memasukkan pos baru dalam menu option ini.

37

Romayne Anak Boniface Nugi | Versi3@2012

PANDUAN ASAS MEMBINA BLOG MENGGUNAKAN BLOGGER

Anda sudah berjaya membina sebuah blog.

38

Romayne Anak Boniface Nugi | Versi3@2012