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

Memasukkan Tek

Memasukkan Image

10

Design

12

Menambah Mukasurat (Page)

16

Layout

18

Edit Header

18

Pages

19

Blog Post

19

Add A Gadget

20

Gadget Html/Javascript

21

Gadget Text

23

Gadget Link List

24

Gadget Label

26

Gadget

Template

30

Memilih Dan Menukar Template

31

Memasukkan Table (Jadual) Dalam Pos

35

Sign Out/Sign In

36

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

URL

Peringatan: pilih url yang

mudah di ingati. Semak url
berkenaan sama ada ada atau
sudah digunakan melalui
Check Availability
Klik Continue untuk teruskan

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

kandungan (tek/image/video)

Selesai, Klik butang Publish

Post untuk hantar dan simpan
pos anda.

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.

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.

iii.

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

Bold

Italic

Text color

Add or remove link

Underline

Add a video

Alignment

Number &
Bullets Lists

Insert Image

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

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

i.

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.

27

Perhatikan, tajuk berwarna merah pada sebelah kanan tajuk pos terdahulu

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

30

Travel

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.

32

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

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.

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

v.
vi.

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