NgeBlog di Blogger.com

oleh :

Musa Amin

http://musaamin.web.id

Makassar, 7 Agustus 2010

Mendaftar di Blogger.com

1. Akses blogger.com. Untuk merubah bahasa pilih pada bagian kanan atas.

2. Klik Buat Blog

Gambar Home Blogger.com

3. Isi formulir pendaftaran akun google 1. Masukkan alamat email 2. Masukkan ulang alamat email 3. Masukkan password untuk blog 4. Masukkan ulang password 5. Masukkan nama yang akan ditampilkan pada postingan blog (Nama Penulis Blog) 6. Masukkan tanggal lahir dengan format 2010/01/20 7. Masukkan kode verifikasi 8. Beri tanda cek pada Saya menerima persyaratan dan layanan 9. Klik Lanjutkan

Gambar Pendaftaran Langkah ke-1

4. Pengisian nama blog 1. Masukkan judul blog contoh “Tutorial Moosa” 2. Masukkan alamat blog (url) yang ingin dipakai contoh “tutorialmoosa”. Klik “Cek Ketersediaan” untuk mengecek apakah url ini belum ada yang memakai. Jika hasilnya “Alamat blog ini tersedia” maka url yang dimasukkan bisa dipakai. 3. Klik Lanjutkan

Gambar Pendaftaran Langkah ke-2

5. 1. Pilih template/tampilan blog. 2. Klik Lanjutkan

Gambar Pendaftaran Langkah ke-3

6. Jika pendaftaran sukses maka akan muncul pesan seperti gambar di bawah ini. Terakhir klik “Mulai Blogging”.

Gambar Pesan Pendaftaran Blog Sukses

Alamat url yang akan diakses oleh pengunjung untuk melihat blog http://tutorialmoosa.blogspot.com

Gambar Home Blog

Alamat url untuk login administrator di http://www.blogger.com , masukkan alamat email dan password yang dimasukkan pada saat mendaftar blog.

Gambar Form Login Admin Blog   

Dasbor

1. Dasbor : menampilkan halaman dasbor

2. Keluar : keluar dari admin blog

3. Bahasa : mengganti bahasa admin blog

4. Profil : profil pemilik blog

5. Lihat Blog : mengakses halaman blog

6. Entri Baru : menambah postingan/entri

7. Edit Entri : mengedit postingan/entri

8. Pengaturan : mengatur konfigurasi blog

9. Rancangan : mengatur tampilan blog

10. Buat Blog : membuat blog yang baru. Satu account bisa membuat lebih dari satu blog.

Gambar Dasbor

Posting

Membuat Postingan (Entri Baru)

1. Klik menu Posting Entri Baru

2. Masukkan Judul posting

3. Masukkan isi postingan

4. Beri Label (kategori) postingan.

5. Klik Terbitkan Entri

Gambar Halaman Entri Baru

6. Setelah mengklik Terbitkan Entri akan muncul pesan seperti gambar di bawah ini :

Gambar Pesan Entri Blog berhasil di terbitkan

• Lihat Entri : untuk melihat tampilan dari entri baru yang telah diposting

• Edit entri : untuk mengedit entri yang baru saja dibuat

• Buat entri baru : untuk membuat entri baru

Gambar Hasil Postingan

Memasukkan Gambar Pada Postingan

1. Tempatkan kursor dimana nantinya gambar akan diletakkan

2. Klik tombol insert image di sebelah tombol Link pada toolbar editor. Akan muncul window untuk mengupload gambar.

Gambar Editor

3. Klik Browse untuk memilih gambar dari computer

4. Klik OK

Gambar Upload Gambar

5. Klik option align gambar, apakah pada posisi Left (kiri), Center (tengah), atau Right (kanan).

Gambar Editor setelah gambar diupload

Gambar Postingan memakai gambar

Memasukkan Video Youtube pada Postingan

1. Buka salah satu video dari youtube.com. Pada bagian bawah video klik tombol <Embed> untuk memunculkan kode embed dari video tersebut.

Gambar Halaman Watch dari Video Youtube

2. Sebelum kode embed dicopy, kita bisa mengatur option dari video tersebut. Terdapat 9 pilihan warna untuk player video, dan pilih ukuran video player atau bisa memasukkan sendiri ukuran video player yang kita inginkan pada Custom.

3. Setelah option video player diatur copy kode embednya

Gambar Option Kode Embed Video Youtube

4. Pada editor pilih mode posting Edit HTML 5. Paste kode embed yang telah dicopy dari youtube

Gambar Editor Posting Mode Edit HTML

Gambar Postingan Memakai Video Youtube

Menambahkan “Baca selengkapnya »” Pada Postingan

“Baca selengkaptnya >>” atau “Read more >>” digunakan untuk memotong postingan menjadi 2 bagian yaitu intro dan lanjutan postingan. Untuk membaca postingan dengan lengkap harus mengklik Baca selengkapnya >>. Penambahan “Baca Selengkapnya” dilakukan jika postingan terlalu panjang.

1. Editor postingan harus dalam mode Compose 2. Tempatkan kursor dimana posisi potongan postingannya (batasan intro dan lanjutan) 3. Klik tombol Insert jump break pada toolbar editor, setelah tombol itu diklik maka akan

muncul garis putus-putus sebagai tanda pembatas.

Gambar Editor Postingan memakai “Baca selengkapnya”

Gambar Postingan Memakai Baca selengkapnya

Menghapus Entri/Postingan

1. Klik menu Posting 2. Klik menu Edit Entri 3. Pilih entri yang akan dihapus dengan mencentang cek box dari judul entri 4. Klik HAPUS YANG DIPILIH 5. Klik OK

Gambar Menghapus Entri

Membuat Laman/Page

Contoh penggunaan Laman/Page untuk membuat halaman “Tentang Saya”/”About Me”.

1. Klik menu Posting 2. Klik menu Edit Laman 3. Klik LAMAN BARU

Gambar Menu Edit Laman

4. Masukkan Judul Laman

5. Masukkan isi laman 6. Klik TAYANGAKAN LAMAN

Gambar Editor Laman

7. Pilih tampilan laman Tab blog 8. Klik SIMPAN DAN TERBITKAN

Gambar Memilih Mode Tampilan Laman

Gambar Laman

Rancangan

Mengganti Template

1. Klik menu Rancangan 2. Klik menu Perancang Template

Gambar Menu Rancangan Perancang Template

3. Pilih template yang diinginkan 4. Lihat preview template yang dipilih 5. Klik APPLY TO BLOG untuk memakai template yang dipiliih

Gambar Halaman Perancang Template

Gadget

Gambar Daftar Gadget

Tambah Gadget Label

Gadget Label : untuk menampilkan semua label dari blog. Jika label ini diklik maka blog hanya akan menampilkan postingan dari label yang diklik.

1. Klik menu Rancangan 2. Klik menu Elemen Laman

Gambar Menu Rancangan Elemen Laman

3. Klik Tambah Gadget

Gambar Edit Elemen Laman

4. Klik gadget Label

Gambar Menu Pilihan Gadget

5. Atur konfigurasi label 6. Klik SIMPAN

Gambar Konfigurasi Label

Gambar Editor Laman setelah ditambah gadget Label

Gambar gadget Label di Halaman Blog

Posisi gadget bisa diatur dengan cara mendrag (klik kiri, tahan, pindahkan) gadget. Kemudian klik tombol SIMPAN.

Gambar Mengatur Posisi Gadget

Gadget Daftar Link/Web Link

Gadget ini untuk menampilkan daftar weblink website/blog.

1. Tambah gadget Daftar Link

Gambar Menu Gadget Daftar Link

2. Masukkan judul 3. Masukkan url 4. Masukkan nama website 5. Tambah Tautan (ulangi dari no 3-5 untuk menambah link) 6. Klik SIMPAN

Gambar Konfigurasi Gadget Daftar Link

Gambar Gadget Daftar Link di Blog

M

UH

Memasang

Untuk memaHTML/Java

1. Akse

2. Shou3. Choo4. Rety5. Nam6. Ema7. I hav8. Klik

9. Klik

Gadget HT

asang gadgeaScript. Con

es http://shou

utbox ID : mose password

ype passwordme : masukkaai : masukkanve read and a

continue

Get codes

TML/JavaSc

et yang isinyntoh memasa

utmix.com, c

masukkan id sd : masukkad : masukkanan nama n email agree to the T

Ga

cript

a berupa kodang aplikasi

create shou

shoutbox an password n ulang pass

Terms of Se

ambar Form

Gambar M

de html ataushoutmix (c

utbox

shoutbox, msword

ervice : beri c

Pendaftaran

Menu Quick

u javascript dhat).

minimal 6 kar

centang/tand

n Shoutmix

k Start

digunakan ga

rakter

da cek pada c

adget

cek box

10. Masukkan ukuran lebar (width) dan tinggi (height) shoutbox yang diinginkan 11. Copy kode html dari shoutbox

Gambar Generated Code Shoutbox

12. Tambah gadget HTML/JavaScript

Gambar Menu Gadget HTML/JavaScript

13. Masukkan Judul gadget 14. Paste code shoutbox yang telah dicopy 15. Klik SIMPAN

Gambar Konfigurasi Gadget HTML/JavaScript

Gambar Shoutbox

Selamat NgeBlog dengan

------------------------------------