Cara Membina Blogs

HIAS DAN UBAHSUAI BLOG ANDA "CUSTOMIZE".

noreply@blogger.com (blogger free) — Mon, 28 May 2007 23:18:00 +0000

Salam bahagia kepada yang setia mengikuti blog ini.

Kali ini kita akan cuba memperkatakan tentang mengubahsuai blog kita. Sebelum kita membicarakan dengan lebih lanjut suka saya katakan di sini ialah, untuk mendapat hasil yang baik kita perlu banyak mencuba. Jangan takut rosak , ini kerana sangat mudah di perbarui semula, walhal kalau sampai kita terpadam kesemuanya sekali kita masih boleh baiki semula dengan syarat kita menyempan bahan-bahan yang kita gunakan dan cepat-cepat “Create New Blog” Keluarkan Semula Blog dengan mengunakan emil serta password yang sama, serta Alamat (URL) yang telah terpadam tadi. Seterusnya ikuti langkah-langkah seperti yang kita paparkan dari awal dahulu.

Selamat mencuba semuga berjaya…..

01

“Dashboard”

Kedudukan Paparan Gambar:
Dashboard

Setalah kita “SIGN IN” kita akan melihat paparan blog kita seperti gambar di atas . kali ini kita hanya perlu klik ( Layout ) untuk pergi ke ruangan untuk ubah suai.

02

Template

Kedudukan Paparan Gambar:
Template /Page Elements

Paparan ini akan muncul bila kita klik “Layout” dalam paparan “Dashboard” boleh juga kita namakan (Template /Page Elements)

Ianya mengandungi Empat bahagian:
1. Page Elements.
2. Font and Colour.
3. Edit HTML.
4. Pick New Template.

03

Font and Colour

Kedudukan Paparan Gambar:
Template / Font and Colour

Bahagian ini tidak perlu di ubahsuai, kecuali merika yang sukakan kelainan dalam memilih warna.

04

Edit HTML

Kedudukan Paparan Gambar:
Template / Edit HTML

Bahagian ini akan saya terangkan di lain post, ini kerana terlalu awal bagi kita yang baru mula membena blog untuk mengubah suai melalui ruangan ini ( Edit HTML). Tapi kalau anda ingin menukar template dari
2 column kepada 3 column anda boleh lah download dari www.isnaini.com atau dari Sidebar blog ini.

Nota:
Copy dan simpan template yang asal supaya senang nak betulkan balik bila usaha kita menukar gagal.

05

Pick New Template

Kedudukan Paparan Gambar:
Template / Pick New Template.

Paparan ini kita boleh menukar Template . dengan klik mana-mana template dan klik “SAVE TEMPLATE”.
Template pilihan saya ialah “Rounders” yang disebelah atas kanan bertanda coklat.

Nota:
Memilih template perlu di lakukan sebelum kita mengubahsuai di ruangan lain. Ini kerana jika kita tukar template selepas kita siap mengubahsuai blog kita akan balik semula seperti sebelum diubah suai, kecuali pos yang kita buat.

06

Edit Navbar

Kedudukan Paparan Gambar:
Template / Page Elements / Edit Navbar

Untuk mensesuaikan “Navbar” dengan warna blog kita, kita boleh klik mama-mana colour “Navbar” di atas dan klik “SAVE CHANGES”

07

Edit Header

Kedudukan Paparan Gambar:
Template / Page Elements / Edit Header

Untuk mengubah nama blog (Title) atau penerangan mengenai blog (Blog Description).
Ia boleh juga dilakukan dalam bahagian “Settings” seperti dipos yang lepas.

Nota:
Kita boleh juga meletakkan keterangan mengenai blog kita di bahagian “Sidebar”, seperti yang tertera dengan tajuk “About Blog”.

07a

Edit Header

Kedudukan Paparan Gambar:
Template / Page Elements / Edit Header

Mengikut paparan gambar di atas sepatutnya kita boleh setkan gambar iertera di bahagian “Header” blog kita ‘

Nota:
1. Sehingga pos ini di buat saya dapati cara ini masih belum berfungsi dengan baik (tiada nampak gambar di bahagian itu setelah kita “SAVE CHANGS”.
2. Mungkin boleh berfungsi dengan baik kalau kita menguna “Template” yang lain (tapi saya belum mencubanya)
3. Sebagai penganti saya cadangkan seterusnya kita ikuti langkah-langkah seterusnya seperti di bawah ini.

08

Add a Page Element

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element

Paparan diatas menunjukkan ruang-ruang yang boleh diubahsuai. Hasil daripada klik “Add a Page Element”

Seterusnya kita klik ”ADD TO BLOG” (Picture) untuk meletak gambar dibahagian atas blog kita.

Hasilnya kita lihat gambar d bawah.

09

ADD TO BLOG ( Picture)

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Picture)

Setelah mendapatkan paparan diatas kita hanya perlu klik “Browse” Untuk mencari gambar di komputer kita,

10

"Browse" (Dalam komputer kita)

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Picture) / Browse/ klik mana-mana anak panah.

Klik mama-mana anak panah dan Folders untuk mencari gambar yang di kehendaki yang kita telah sediakan dalam komputer kita.

Nota:
Kita perlu menyediakan satu “Folders” untuk meletak fail gamba yang nak kita gunakan dalam blog dan kita tempatkan di “My Documents”, komputer kita.

11

"Browse" (Dalam komputer kita)

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Picture) / Browse

Setelah menjumpai sasaran kita klik pada gambar tersebut dan klik “Open” dan tunggu sampai terpapar seperti di bawah.

12

Open

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Picture) / Browse / Open

Setelah kita mendapatkan paparan ini kita teruskan langkah beikut klik “SAVE CHANGS”

13

Template / Page Elements

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Picture) / Browse / Open / SAVE CHANGES

Gambar di atas menunjukkan paparan “Template /Page Elements” yang di antaranyanya menunjukkan kedudukan gambar yang kita pasang (yang bertanda “Picture”)

1. “Picture” di sebelah atas adalah tempat sepatutmya kita letakkan, (Ruangan itu asalnya kosong).
2. “Picture” di sebelah bawah pula adalah tempat yang sepatutnya kita mula mengambil gambar itu.
3. Angkat “Picture” dibawah ke atas dan klik “SAVE” untuk mendapat kepastian.

Nota:
1. Mulakan “Add a Page Elemant” mengikut ukuran gambar yang kita kehendaki.
2. Gambar di paparan ini adalah sebagai contoh paparan “Template /Page Elements” yang hampir siap diubahsuai.

14

ADD TO BLOG ( HTML / JavaScript) Gambar

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( HTML / JavaScript)

Paparan ini meunjukkan kita boleh memasang gambar dengan mengunakan sistem “HTML atau JavaScript”

Sekarang apa yang tertera adalah sistem HTML untuk kita memasang gambar Bendera Malaysia dan Jata Malaysia.

Kedudukan sebenar ialah sebelah tepi kanan diatas “About Me”

Nota
1. Untuk percobaan anda bolehlan melayari blog saya http://malaysiablog.org/ klik “View” “Page Source” cari sistem yang sama seperti dalam paparan di atas dan copy kat blog anda.
2. Saya akan bagi tahu bagaimana ianya di buat pada pos akan datang.
3. Salah satu website yang boleh kita gunakan untuk membuat Sistem “HTML” seperti diatas ialah, http://photobucket.com/

15

Edit About Me (Profile)

Kedudukan Paparan Gambar:
a. Template / Page Elements / Edit About Me (Profile)
b. Template / Page Elements / Add a Page Element / ADD TO BLOG (Profile)

Paparan diatas samajuga dengan hasil klik “Edit Profail” dalam paparan “Dashboard”.

Kita boleh mengubah mana-mana yang kita kehendakki dan klik “SAVE CHANGE” untuk paparkan atau kita boleh klik “REMOVE PAGE ELEMENT” untuk tidak dipaparkan di blog kita,

Nota:
About Me boleh di paparkan semula walaupun kita telah buang dan pasang beberapa kali.

16

ADD TO BLOG ( Text )

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Text )

Kita boleh meletakkan “Text” seumpama ini di mana-mana bahagian dengan tajuk yamg bersesuaian dengan blog kita.

17

ADD TO BLOG ( HTML / JavaScript) Adsense

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( HTML / JavaScript)

Paparan ini sama seperti paparan” HTML / JavaScript” diatas, Cuma yang berbeza ialah yang di atas itu “Programn HTML” dan di sini pula “Program JavaScript”. Pogram ini hanya boleh di buat oleh orang yang pakar mengenai-nya sahaja.

Nota:
1. Contoh disini adalah “JavaScript” dari “Google Adsense” https://www.google.com/adsense/login/en_US/?destination=%2Fadsense%2Fhome.

2. Kita boleh menyertai dengan syarat, kita telah mempunyai Blog dengan mengunakan https://www.blogger.com/start. atau Website berbahasa english,

18

ADD TO BLOG ( Labels )

Kedudukan Paparan Gambar:
Template / Page Elements / Edit Labels
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Labels )

“Labels” adalah paparan hasil pos yang kita labelkan di bawahnya ketika kita membuat setiap pos.

Nota:
Boleh “Edit” untuk paparkan atau sembunyikan.

19

Edit Archive

Kedudukan Paparan Gambar:
Template / Page Elements / Edit Archive
Template / Page Elements / Add a Page Element / ADD TO BLOG (Archive )

“Archive” adalah paparan hasil pos mengikut apa yang kita setkan ( harian, mingguan atau bulanan.)

Nota:
Kita boleh setkan mengikut yang kita suka, boleh pamerkan atau sembunyikan.

20

ADD TO BLOG ( Google Video Bar )

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG ( Google Video Bar )

“Google Video Bar”ini kita boleh pamerkan sekiranya ada kesesuian dengan blog kita.

21

Edit Blog Post

Kedudukan Paparan Gambar:
Template / Page Elements / Edit Blog Post

Di ruangan ini adalah sama seperti didalam ruangan “Setting” sekiranya kita sudah membuat “Setting” sebelum ini kita tidak di galakkan “Edit” di sini kecuali bagi yang sudah memahami selok belok blog keseluruhannya.

22

ADD TO BLOG (Google News Bar)

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG (Google News Bar)

“Google News Bar” kita boleh pamerkan untuk blog kita membuat link dengan website orang lain.

23

ADD TO BLOG (Logo)

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG (Logo)

“Logo” kita paparkan untuk jenama blog kita.

24

ADD TO BLOG (Link List)

Kedudukan Paparan Gambar:
Template / Page Elements / Add a Page Element / ADD TO BLOG (Link List)

“Link List” biasanya kita beri tajuk “BlogRoll” ikuti cintoh yang ada Klik “ADD LINK’ untuk menambah dan klik “SAVE CHANGS” untuk kepastian.

Nota :
Letaklah mana-mana “URL” blog kita yang ada, atau blog dan website orang lain yang kita rasakan sesuai.

25

Template /Page Elements

Kedudukan Paparan Gambar:
Template /Page Elements

Beginilah rupa paparan “Template /Page Elements” Yang sudah siap di ubah suai.

Nota:
Kita boleh mengubah segala yang telah kita buat dengan klik “Edit”.
Jangan lupa klik “SAVE” atau “SAVE CHANGS” setiap kali selesai ubahsuai.

26

Rupa bentuk muka hadapan blog yang sudah siap di ubahsusi.

Nota:
Contoh yang lain.

Selaraskan Blog Anda "Settings"

noreply@blogger.com (blogger free) — Sun, 13 May 2007 08:41:00 +0000

Kali ini kita masuk dalam bahagian "Settings", langkah-langkah ini kita perlu lakukan supaya orang lain dapat melihat blog kita. Di sini Kita boleh selaraskan sama ada kita nak tutup dahulu dari dilihat orang lain ketika kita sedang belajar membuatnya, dan membukanya setelah selesai atau pun kita rasa berpuas hati untuk orang lain melihatnya.

Klik gambar diatas taip email dan password "SIGN IN"

......o0o......

Klik "Settings"

......o0o......

"Basic"

Di sini kita boleh Ubah nama (Title) blog kita dan sedikit penerangan (Description) untuk nama blog kita.
Klik "YES" pada petak (Add your Blog to our listings?) .
Klik "NO" pada petak (Show Quick Editing on your Blog?).
Klik "YES" pada petak (Show Email Post links?), supaya pelawat mudah untuk memberi tahu kawan.
Klik "YES" pada petak (Global Settings)
Untuk Pastikan klik "Save Settings".

......o0o......

"Publishing"
Di sini kita boleh jika nak menukar alamat (url) blog kita.
Klik "YES" pada "Send Pings"
Klik "Save Settings" untuk kepastian.

......o0o......

"Formatting"

Bahagian ini yang perlu di lakukan ialah:
"Show" kita boleh angka yang paling sesuai ialah (10).
Time Zoon" Ikut di mana kita berada.
"Language" Ikut bahasa yang kita nak tulis.
Tandakan "Yes" pada petak pilihan Yes atau No.
Klik "Save Settings"

......o0o......

"Comments"

Comments = "Show".
Who Can Comment? = "Anyoine".
Comments Default for Posts = "New posts Heve Comments".
Backlinks = "No". (atau Pilihan sendiri).
Backlinks Default for Posts = "New Posts No Heve Backlink" (atau pilihan sendiri).
Comments Timestamp Format = ( Ikut Pilihan Sendiri).
Show comments in a popup window? = "No".
Enable comment moderation? = "No".
Show word verification for comments? = "Yes".
Show profile images on comments? = "Yes".
Comment Notification Address = "Taip alamat email supaya kita dapat tahu bila ada pelawat memberi "Comments"
Klik "Save Settings" untuk kepastian.

......o0o......

"Archiving"

Archive Frequency = Ikut pilihan kita se baik nya "Daily" jika kita setiap hari dapat membuat "Post".
Enable Post Pages? = "Yes".
Klik "Save Settings" untuk Kepastian.

......o0o......

Allow Blog Feed = "Full".

Feed Item Footer = Boleh kosongkan sahaja
Klik "Save Settings". Untuk kepastian.

......o0o......

Disini boleh kosongkan sahaja kerana agak rumit jika kita memilih untuk mengunakan.

......o0o......

"Permissions"
Di sini kita ada dua pilihan sama ada nak tutup atau bukak untuk orang lain:
1. Bukak "Anybody"= Untuk semua orang boleh tengok blog kita.
2. Tak perlu kita pilih.
3. Tutup "Only blog authors" ( kita sebdiri kalau nak tengok perlu "SIGN IN" terlebih dahulu.
Klik mana-mana pilihan kita dan Klik "ALLOW ANYBODY" atau "ALLOW AUTHORE ONLY"

......O0O......

SELAMAT MENCUBA DAN JUMPA LAGI

Tayangkan Blog Anda "Display"

noreply@blogger.com (blogger free) — Sat, 12 May 2007 01:54:00 +0000

Untuk orang lain dapat melihat blog anda, anda perlu mengikuti langkah-langkan seperti dibawah ini.

Taip alamat email dan password yang digunakan semasa mendaftar, klik "SIGN IN"
......o0o......

Klik "Edit Profile" untuk langkah seterusnya.

......o0o......

Klik petak kecil jika Profali anda ingin di lihat orang lain, seterusnya klik "Save Profile" dan klik "Select blogs to display"

......o0o......

Akhirnya klik petak kecil dan klik "Save Settings"
......o0o......

Bersambung......

Cuba Buat Sendiri

noreply@blogger.com (blogger free) — Wed, 21 Feb 2007 04:46:00 +0000

Kali ini saya ingin berkongsi dengan para pembaca yang belum pernah "Rigester Blogger", bagaimanakah saya membuat Blog dengan tidak payah berguru dengan sesiapa.

Apa yang saya lakukan ialah, mencari bahan bacaan yang bersangkutan dengan Blog.
Bagi saya aturcara atau arahan2 yang Blogger bagi sangat mudah di ikuti, walaupun kesemuanya berbahasa english, sedangkan saya cuma tahu cakap english setakat "YES NO" sahaja. Sebagai panduan anda bolehlah anda boleh melihat gambar-gambar yang saya paparkan di bawah ini sebagai panduan.

Selamat Membaca Semuga Berjaya.

Gambar ini adalah contoh untuk membuat email yahoo
......o0o......

Gambar ini pula adalah paparan muka hadapan Blogger Free
......o0o......

Ini pula paparan untuk kita memulakan mendaftar dengan mengunakan email anda yang sah, serta anda pasti boleh membukanya, jika tidak anda akan mengalami kesukaran untuk mendapatkan pasword jika anda terlupa.
......o0o......

Di sini anda perlu memilih nama blog dan alamat (url) yang sesuai, atau anda mengunakan nama anda untuk alamat (url) dan memberi tajuk mengikut yang anda suka.
......o0o......

Di sini anda boleh memilih template kegemaran anda.
......o0o......

Klik Anak Panah untuk pergi dalam ruangan "Posting"
......o0o......

Di Sinilah tempatnya anda menulis atau copy rencana2 yang anda kehendaki, anda juga boleh masukkan gambar dengan klik pada butang gambar. Apabila semuanya dah samporna klik butang "PUBLISH"

Jika anda nak masokkan gambar klik butang gambar

......o0o......

Klik Browse untuk mencari gambar di komputer anda.

......o0o......

Klik gambar yang dikehendakki dan klik "open"

.....o0o.....

Klik saiz gambar kedudukan yang kita pilih dan tandakan petak (Use this layout every)
dan kilk "UPLOAD IMAGE"

......o0o......

Tunggu sehingga muncul seperti gambar diatas dan klik "Done"

......o0o......

Hasilnya seperti gambar ini, klik "PUBLISH"
untuk mendapatkan hasilnya.
......o0o......

Bersambung........

Muqaddimah

noreply@blogger.com (blogger free) — Thu, 15 Feb 2007 19:34:00 +0000

Assalamualaukum dan belamat sejahtera.

"Belajar membuat blog" Tajuk ini saya pilih untuk memberi tahu anda semua, dimana adanya saya disini bukannya hendak mengajar sesiapa, sebaliknya saya sedang mempelajari cara-cara membena blog yang nantinya boleh menjadi ingine yang menjana wang secara berterusan selagi hayat dikandung badan, dan boleh diwarisi oleh anak cucu kita.

Saya akan cuba menulis cara membena blog mengikut cara acuan saya sendiri, saya tidak pernah berguru secara pormal,

Pada awalnya saya telah membena blog dari [ www.blogdrive.com] yang saya beri tajuk [meniti usia emas].

Blog yang saya bena dengan demikian rupa sebenarnya saya cuma mendapat tunjuk ajar anak saya, untuk mengubah blog 2 kolum menjadi 3 kolum, selainnya saya pelajari dengan cara cuba dan cuba berpandukan blog orang lain.

Bersambung........

Blogger Free

noreply@blogger.com (blogger free) — Thu, 01 Feb 2007 04:07:00 +0000

Check out the new Blogger!

All for FREE.