Tutorial ini menjelaskan cara membuat blog dan menambahkan buku tamu. Langkah-langkahnya adalah membuat akun Gmail dan Blogger, memilih template, menambahkan postingan, dan mengunduh serta memasang kode widget buku tamu.
(KULIAH S2 UIKA) 01 ekonomi mikro (DR. H. IRWAN CH, SE,MM )
Tutorial_Bikin_Blog
1. Tutoril Bikin Blog
0 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
2. Tutorial Blog
Oleh Nurdin Al-Azis & Ridwan Arifin
Pengantar
Kita mulai dengan pertanyaan “Apa itu blog ?” Banyak yang berusaha mendefinisikan
istilah “blog”. Blog itu sendiri adalah kependekan dari “Weblog”, istilah ini pertama
kali digunakan oleh Jorn Barger pada bulan Desember 1997. Jorn Barger
menggunakan istilah Weblog untuk menyebut website pribadi yang selalu diupdate
secara berkelanjutan dan berisi link-link ke website lain yang dianggap menarik dan
biasanya disertai dengan komentar-komentar mereka sendiri. Sementara Roger Yim,
seorang kolumnis San Francisco Gate pada artikelnya di Februari 2001,
menuliskan bahwa sebuah Blog adalah persilangan antara diary seseorang dan daftar
link di Internet. Sedang Scott Rosenberg dalam kolomnya di majalah online Salon
pada May 1999 menyimpulkan bahwa Blog berada pada batasan website yang lebih
bernyawa daripada sekedar kumpulan link tapi kurang instrospektif dari sekedar
sebuah diary yang disimpan di internet. Apapun definisinya, pendapat-pendapat
tersebut bertemu pendapat bahwa blog adalah website yang bersifat personal, memuat
opini pesonal dan hal-hal lain yang merupakan aktualisasi diri pembuatnya secara
personal yang ingin ia kabarkan pada komunitas global dunia. Meskipun personal,
isinya bisa dinikmati siapa saja darimana saja dan kapan saja. Sebuah loncata ekspresi
diri yang telah melampaui batas-batas ruang dan waktu.
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
3. “CARA MEMBUAT BLOG”
Saya menyarankan anda untuk mempunyai Acount di GMAIL.com untuk
mempemudah pembuatan Acount Blogger. Jika Belum anda dapat membuatnya
terlebih dahulu. Namun Jika sudah mempunyai Acount dari gmail.com, anda hanya
tinggal login saja ke blogger ( Situs penyedia layanan pembuatan Blog gratisan) dan
lewati langkah pertama, langsung kelangkah ke2.
1. Jika belum mempunyai Acount GMAIL.com maka ikuti langkah-langkah berikut
a. Klik Browser baik itu Internet Explorer maupun Mozila Firefox.
b. Ketik kan pada Address bar (url) gmail.com kemudian enter, seperti pada
tampilan gambar berikut :
Gambar .1.1 : mengetikan alamat URL di address bar
c. Maka anda akan masuk ke jendela gmail.com seperti gambar berikut :
Pada Jendela disamping tampak form
login acount google dan jika anda
telah memiliki acount google,
langkah selanjutnya ialah melakukan
login dengan mengisi form nama
pengguna dan sandi yang telah anda
buat .
Tetapi jika anda belum memilikinya,
maka langkah selanjutnya ialah anda
harus membuat acount terlebih
dahulu dengan mengikuti langkah-
langkah berikut
Klik button Buat Akun >>
Seperti gambar disamping, maka
anda akan masuk ke Jendela Dibawah
ini:
Gambar1.2: Form Login Google
Tutoril Bikin Blog
2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
4. Gambar.1.3: tampilan form isian pembuatan account google
d. Pada jendela diatas anda disuruh untuk mengisikan Nama lengkap anda beserta
alamat acount yang akan anda buat dengan passwornya. Contoh:
- Nama Depan : Acount
- Nama Belakang : Baru
- Nama Login : Acountbaru
Klik Cek Ketersediaan! Alamat email/ acount google
yang anda buat, apakah tersedia atau tidak jika tersedia, maka anda bisa
melanjutkan ke langkah berikutnya, jika tidak berarti anda harus mencari dan
mengganti nama baru untuk acount anda.
Gambar1.4: contoh tampilan layar ketersediaan account.
Tutoril Bikin Blog
3 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
5. - Buat sandi / PASSWORD : Dapat anda isikan beberapa karakter huruf atau
perpaduan hurup dan angka minimal 8 karakter sesuai dengan yang anda
inginkan, (Catatan : PASSWOARD yang anda buat harus unik dan bersipat
rahasia serta mudah anda ingat )
- Masukkan Kembali sandi / PASSWORD : Masukkan kembali sandi/
PASSWOR yang telah anda tentukan percis seperti semula ( berpungsi untuk
mengcek kembali karakter password yang anda masukan apakah benar atau
salah).
e. Scroll kebawah maka anda akan disuruh untuk membuat pertanyaan seperti:
Gambar.1.5 : Form isian lanjutan. Untuk keamanan pivasi account.
f. Pada jendela diatas anda harus menentukan pertanyaan yang anda inginkan
untuk keamanan privasi acount anda jika suatu saat anda lupa password anda.
Lengkapi semua kolom yang kosong kecuali Email Sekunder. Email Sekunder
berfungsi untuk meng-Autentifikasi account anda jika anda mengalami masalah
atau lupa sandi anda. Jika anda tidak memiliki alamat lain maka kosongkan saja
seperti gambar berikut :
Tutoril Bikin Blog
4 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
6. Gambar 1.6 : Contoh tampilan Pembuatan pertanyaan privasi
g. Selanjutnya klik button saya menerima Buat akunku maka dengan automatis
anda akan menuju jendela Verifikasi, jika Capcha pada kotak Verifikasi kata
benar maka anda akan diarahkan ke jendela berikut ini:
Gambar.1.7 : tampilan jendela pengantar gmail ( tunjukan akun saya)>>>
Tutoril Bikin Blog
5 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
7. h. Pada jendela diatas anda telah berhasil memiliki acount gmail.com, klik button
Tunjukkan akun saya >> maka anda akan menuju jendela berikut ini:
Gambar1.8 : Tampilan Jendela Alamat E-mail yang telah anda buat.
Selesai sudah cara membuat akun di gmail.com dan anda sudah memiliki
acount gmail dengan alamat email Acountbaru@gmail.com
2. Cara mendaftar / membuat blog di Blogger.com
a. Ketikkan www.blogger.com pada address bar (url) seperti anda mengetikkan
gmail.com tadi, contohnya seperti berikut:
Gambar.2.1 : mengetikan alamat URL di address bar
b. Setelah anda ketikkan url tersebut, tekan enter untuk melanjutkan, dan anda
akan dihadapkan dengan jendela seperti tampilan gambar dibawah ini :
Tutoril Bikin Blog
6 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
8. Gambar.2.2 : mengetikan alamat URL di address bar
c. Anda masukkan acount gmail dan password anda yang tadi anda buat pada kota
Masuklah menggunakan Akun Google Anda, seperti gambar dibawah:
Gambar.2.3 : Form Login bloger.com
d. Klik button masuk maka anda akan menjuju jendela seperti berikut :
Gambar.2.3 : Form Login bloger.com
Tutoril Bikin Blog
7 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
9. e. Pada jendela diatas anda disuruh untuk memasukan nama tampilan (nama
pemosting) pada contoh ini saya memberi nama Blogs Percobaan, selanjutnya
klik centang pada Penerimaan Persyaratan dan klik Lanjutkan seperti:
Gambar.2.4 : mendaftar blog
f. Setelah anda klik Lanjutkan, maka anda akan menuju jendela pemilihan
Template seperti:
Gambar.2.5 : Memilih template (tampilan blog)
Tutoril Bikin Blog
8 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
10. g. Pilih template sesuai dengan yang anda inginkan. Jika template yang tersedia
kurang cocok, nanti setelah jadi anda dapat mendownload template baru. Jadi
klik lanjutkan untuk melanjutkan proses.
h. Selanjutnya anda akan memasuki jendela seperti dibawah ini, bertanda anda
telah berhasil membuat account di blogger.com
Gambar.2.7 : Anda telah berhasil, dan siap untuk bloging
i. blog anda sudah siap untuk digunakan, dan mulailah berkreasi membuat
postingan di blog yang baru anda buat
Gambar.2.8 : Daskboard penambahasn tulisan (postingan blog)
j. Pada jendela diatas anda dapat mengisikan postingan / artikel yang akan anda
postingkan di blog anda, seperti saya mengambil contoh “Cara Membuat
Blogger” seperti:
Tutoril Bikin Blog
9 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
11. Gambar.2.9 : menambah / mengisikan artikel di blog
k. Setelah anda memasukan artikel anda. Klik button Terbitkan Entri (untuk
mempostkan artikel yang sudah anda buat seperti diatas.
l. Maka anda akan digiring masuk ke-jendela seperti di bawah ini, untuk melihat
Hasil Postingan Artikel yang sudah anda Terbitkan seperti:
Gambar.2.10: cek hasil postingan blog
m. Klik Lihat Blog (dujendela baru) maka hasilnya adalah:
Gambar.2.11: Tampilan blog beserta postingan yang telah kita buat
n. Sampai disini anda telah berhasil membuat blog dan postingan.
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
12. “CARA MERUBAH TEMPLATE”
Sebelum anda merubah template bawaan atau yang disediakan oleh Blogger.
Sebaiknya anda backup terlebih dahulu template yang sudah anda pilih.
Langkah – langkah merubah Template:
1. Masuk ke Acount Blogger anda
2. Setelah masuk ke Acount anda pilih Tata Letak maka akan muncul jendela
seperti:
Gambar.3.1: Daskboard Tata letak tampilan blog
3. Untuk merubah Template selanjutnya anda klik Edit HTML maka akan tampil
jendela Edit HTML seperti:
Gambar.3.2: Jendela Edit HTML
4. Sebelum mengganti template yang akan anda gunakan sebaiknya backup dulu
template anda, yaitu dengan klik Download Template Lengkap. Maka akan
muncul jendela untuk menyimpan file yang akan didownload seperti:
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
13. Pada jendela disamping
merupakan File XML
template yang anda
gunakan. Pilih Save File lalu
klik OK. Maka file XML
tersebut akan di download
dan disimpan.
Gambar.3.3: Backup Template lengkap
5. Selanjutnya anda cari dan download template yang ingin anda gunakan sesuai
dengan selera dan tema blog.
Biasanya untuk tampilan / tamplet blog seperti ini banyak sekali pendor
gratisan yang biasa menyediakan secara Cuma-Cuma, tinggal di search di
google dengan kata kunci Template Blogger
Gambar.3.4: Ketikan URL google.com
6. Maka anda akan menuju jendela google.com seperti:
Gambar.3.5: Tampilan jendela Search enggin Google.com
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
14. 7. Pada kotak Pencarian ketikkan template blogger
8. Maka akan terdapat banyak hasil pencarian tentang template blogger seperti:
Gambar.3.6: tampilan hasil pencarian mengenai Template Blogger
9. Pilihlah salah link satu dari hasil pencarian google.com, untuk contoh saya
memilih link Blogger Template pada hasil pencarian kedua seperti gambar
diatas yang saya lingkari dan hasilnya seperti:
Gambar.3.7: wesite penyedia template gratisan
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
15. 10. Pilih salah satu template dengan meng-klik gambar tersebut, pilihlah template
yang sesuai dengan postingan artikel anda, disini saya memilih Template
BizFresh, seperti tampilan dibawah ini:
Gambar.3.8: Tampilan Template BizFresh
11. Klik button DOWNLOAD untuk men-download template tersebut,
selanjutnya anda akan menuju jendela perintah untuk menyimpan template
tersebut seperti:
Gambar.3.8: jendela downloaded template
12. Klik Save lalu anda akan diminta untuk menentukan tempat penyimpanan file
download template tersebut, seperti:
Gambar.3.9: menentukan tempat penyimpanan template
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
16. 13. Disini saya menyimpan hasil download di desktop, maka klik Save untuk
menyimpan template dan proses download akan berjalan maka akan muncul
jendela hasil download, seperti:
Gambar.3.10: Proses download
14. Extract file download template tadi, hingga terdapat folder yang isinya file
XML seperti:
Gambar.3.11: Hasil download-an template blogger
15. Selanjutnya kita akan pasang template pada blog yang sudah anda buat tadi,
yaitu:
a. Kembali ke Browser Blogger.com
b. Sebelumnya anda berada didalam jendela Edit HTML seperti diatas tadi,
c. Klik Browse.. (untuk mencari file template) maka hasilnya seperti:
Gambar.3.12: memasang Template baru
d. Klik button Unggah untuk menerapkan template tersebut. Maka akan
muncul jendela Konfirmasi hasil Pemasangan Template sepertidi bawah
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
17. Gambar.3.13: Konfirmasi hapus widget sebelumnya
e. Klik button Konfirmasi & Simpan untuk mengkonfirmasi dan menyimpan
hasil Template yang tadi anda pasang. Maka hasilnya seperti:
Gambar.3.14: Pemasangan Templete Berhasil
f. Untuk mengecek hasil pemasangan template tersebut, klik Lihat Blog
seperti yang saya lingkar. Maka hasilnya seperti:
Gambar.3.15: Tampilan Blog setelah Pergantian template
g. Sampai disini anda sudah dapat merubah template baru.
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
18. “CARA MEMASANG BUKU TAMU”
1. Terlebih dahulu anda masuk ke Acount blogger.com anda
2. Pilih tab Tata Letak
3. Anda akan masuk ke dalam Elemen Halaman seperti:
Gambar.4.1: Tampilan tag daskboard tataletak blogger
4. Untuk memasang Buku Tamu pada Blog, Anda klik Tambah Gadget pada
Elemen yang ingin anda letakkan Bukut Tamu tersebut, tab Jendela Tambah
Gadget akan muncul seperti berikut :
Gambar.4.2: tag tambah gadget
5. Untuk memasang Buku Tamu, terlebih dahulu kita harus mencari layanan
pihak ketiga yang menyediakan elemen tambahan buku tamu dan anda hanya
mengcopy code HTMLnya saja seperti yang saya ambil, layanan buku tamu
dari website penyedia layanan gadget blog gratisan di bawah yaitu
http://shoutmix.com.
Selanjutnya untuk menempelkan anda hanya memilih tambah ememen HTML
seperti gambar di bawah:
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
19. Gambar.4.3: tag tambah gadget elemen HTML
6. Pada kotak diatas terdapat Kolom Judul dan Konten:
a. Judul adalah untuk memberikan nama pada script yang akan dipasang
contoh Buku Tamu
b. Sedangkan pada kolom Konten adalah kolom yang disediakan untuk
memasang code script HTML yang anda ambil di layanan penyedia konten
blog gratisan http://shoutmix.com
7. Buka tab broser baru dan ketikan URLhttp://shoutmix.com untuk mendaftar
8. Maka akan muncul Website shoutmix.com dan anda harus melalukan
registrasi Acount terlebih dahulu dengan klik button create shoutbox seperti:
9.
Gambar.4.4: Registrasi Shoutmix.com
10. Setelah anda klik button create shoutbox maka anda akan dihadapkan dengan
jendela registrasi acount seperti berikut :
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
20. Gambar.4.5: Form isian Registrasi Shoutmix.com
11. Anda harus mengisikan kolom – kolom kosong atas, contoh:
Gambar.4.6: contoh Registrasi Shoutmix.com
12. Disini saya mengisikan dengan Nama ID yang sama dengan ID email, yaitu
Acountbaru dan password pun sama, setelah anda mengisi semua kolom-
kolom tersebut, klik Continue untuk melanjutkan.
13. Jika berhasil anda akan dikonfirmasi melalui email yang anda masukan di
form registrasi:
Gambar.4.7: Registrasi Shoutmix.com berhasil
14. Selanjutnya anda copy Code Script Buku Tamu dengan klik Control Panel,
seperti gambar diatas yang dilingkarkan. Maka akan digiring ke jendela
berikut :
Tutoril Bikin Blog
1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
21. Gambar.4.8: Jendela get Code HTML
15. Klik Get Code untuk meng-copy Code Script Buku Tamu, maka hasilnya
seperti:
Gambar.4.9: meng-Copy Script Code HTML
16. Blok dan Copy Code Script diatas, lalu Paste di Jendela HTML/JavaScript
yang tadi kita buka, maka hasilnya seperti berikut :
Gambar.4.10: menempel / Paste Script Code HTML
Tutoril Bikin Blog
2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
22. 17. Klik Simpan untuk melihat hasil pemasangan Code Script Buku Tamu yang
telah di-paste, dan lihat hasilnya
18. Untuk melihat hasil pemasangan buku tamu tadi, anda klik Lihat blog, dan
sebagai contoh hasilnya seperti berikut :
Gambar.4.11: Tampilan akhir pemasangan buku tamu di blog
19. Sampai disini anda sudah berhasil memasang Buku Tamu dan memasang
Code Script yang lainya.
20. Selanjutnya undang dan beritahu temen anda untuk mengunjungi blog yang
telah di buat, dan suruh mereka memberikan komentar mengenai blog anda.
Tutoril Bikin Blog
2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
23. Biografi Penulis :
Nurdin Al-Azis
Lahir di Sukabumi, 11 Januari 1990, tercatat sebagai mahasiswa Teknik Informatika
semester III FT Universitas Ibn Khaldun Bogor. Saat ini masih aktif sebagai Kepala
Departemen Syiar & Pelayanan Kampus LDK Al-Intisyar UIKA, Kepala Divisi
LITBANG Mav-Net UIKA, Kepala Penelitian dan Pengembangan LENSA Cianjur,
Koordinator Liputan media mahasiswa Warta Kampus UIKA, Informatika
(HIMATEK INFO),. Pengalaman organisasi yang pernah digeluti antara lain sebagai
Ketua OSIS SMK Bina Teknologi-Bogor, Ketua Umum Sispala Bogor, Sekarang
Bekerja sebagai Staf CV Putra Persada, Penulis Lepasan Di Harian local Jurnal
Bogor. Tinggal di Salabenda no 25 RT 08/3 Kemang, Bogor 16310. HP:
085721522010. Email: alazies@gmail.com Web Blog http://azies-site.blogspot.com.
Ridwan Arifin
Lahir di Bogor, 07 Mei 1989, tercatat sebagai Staf Humas di Universitas Ibn Khaldun
Bogor. Aktif dalam Penelitian dan Pengembangan LENSA Cianjur, dan Teknisi
Komputer. Pengalaman Organisasi antara lain sebagai Anggota Aktif OSIS dan Rohis
SMK Bina Teknologi Tahun 2006-2008. Pengurus Aktif Ektrakurikuler SISPALA
SMK Bina Teknologi. Keseharian, belajar menggali informasi seputar Komputer dan
Teknologi. Pengalaman Kerja Luar sebagai Staf Administrasi di SMP Islam
Al-Qudwah, Teknisi Komputer dan Troubleshooting di CV Cakrawala Mediatech dan
Staf Ahli di CV Putra Persada. Tinggal di Kp. Cipayung Rt. 004 / 007 No. 24 Kel.
Tengah Cibinong – Bogor 16914. Web Blog yang pernah dibuat antara lain:
http://puisi-ridwan.blogspot.com, http://ridwan-os.blogspot.com,
http://ridwan89.blogspot.com, http://biotalaut99.blogspot.com, http://tech-
id.blogspot.com, dll. No Kontak GSM 08998153202 CDMA 0251-3681943, email
address Ridwanosx@gmail.com YM: Ridwan_Arifien@yahoo.com.
Tutoril Bikin Blog
2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com