Upload
erllynch
View
223
Download
0
Embed Size (px)
Citation preview
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
1/59
CREATED BY :
ERLINA PUJIASRI A.
207533408610
UNIVERSITAS NEGERI MALANG
FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI PENDIDIKAN TEKNIK INFORMATIKA
MEI 2009
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
2/59
DAFTAR ISI
Daftar isi ........................................................................................................................................... 2
1. PENGERTIAN BLOG............................................................................................................3
2. SEJARAH BLOG................................................................................................................... 3
3. MANFAAT DARI PENGGUNAAN WEBLOG................................................................... 4
4. DAFTAR ................................................................................................................................4
5. VERIFIKASI EMAIL ............................................................................................................8
6. EDIT PROFILE ......................................................................................................................9
7. PENGATURAN .....................................................................................................................12
A. Dasar ..............................................................................................................................12
B. Publikasi ........................................................................................................................13
C. Format ........................................................................................................................... 14
D. Komentar .......................................................................................................................16
E. Arsipkan ........................................................................................................................ 18
F. Feed Situs ...................................................................................................................... 18
G. Email Seluler ................................................................................................................19
H. OpenID ..........................................................................................................................20
I. Izin .................................................................................................................................21
8. UBAH TEMPLATE ...............................................................................................................22
9. POSTING ...............................................................................................................................25
10. TATA LETAK ELEMEN HALAMAN ................................................................................ 27
Modul Pembuatan Blog dan Pengelolaanya Page 2
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
3/59
11. MENAMBAHKAN APLIKASI ............................................................................................ 31
A. Clock ............................................................................................................................. 31
B. ShoutBox .......................................................................................................................34
C. RSS ................................................................................................................................39
12. TAMBAH LINK ....................................................................................................................41
13. PRAKTIKUM.........................................................................................................................44
A. Pertemuan Pertama............................................................................................................ 44
B. Pertemuan Kedua...............................................................................................................44
C. Pertemuan Ketiga...............................................................................................................45
Daftar Pustaka............................................................................................................................... 46
Modul Pembuatan Blog dan Pengelolaanya Page 3
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
4/59
1. PENGERTIAN BLOG
Blog adalah kependekan dari Weblog, istilah yang pertama kali digunakan oleh Jorn Barger
pada bulan Desember 1997. Jorn Barger menggunakan istilah Weblog untuk menyebut
kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website
lain yang mereka anggap menarik disertai dengan komentar-komentar mereka sendiri.
Secara garis besar, Weblog dapat dirangkum sebagai kumpulan website pribadi yang
memungkinkan para pembuatnya menampilkan berbagai jenis isi pada web dengan mudah,
seperti karya tulis, kumpulan link internet, dokumen-dokumen (file-file Word, PDF, dll),
gambar ataupun multimedia.
Para pembuat blog dinamakan Blogger. Melalui Blognya, kepribadian Blogger menjadi
mudah dikenali berdasarkan topik apa yang disukai, apa tanggapan terhadap link-link yang di
pilih dan isu-isu didalamnya. Oleh karena itu Blog bersifat sangat personal.
Perkembangan lain dari Blog yaitu ketika Blog memuat tulisan tentang apa yang seorang
Blogger pikirkan, rasakan, hingga apa yang dia lakukan sehari-hari. Blog kemudian juga
menjadi Diary Online yang berada di Internet. Satu-satunya hal yang membedakan Blog dari
Diary atau Jurnal yang biasa kita miliki adalah bahwa Blog dibuat untuk dibaca orang lain.
Untuk membuat suatu halaman Blog, maka terlebih dahulu kita harus mendaftarkan diri ke
server penyedia layanan Blog. Cukup banyak alamat server blog yang dapat digunakan untuk
kebutuhan ini, seperti WordPress, Blogger, SinCity dan sebagainya.
2. SEJARAH BLOG
Blog pertama kemungkinan besar adalah halaman "Whats New" pada browser Mosaic yang
dibuat oleh Marc Andersen pada tahun 1993. Kalau kita masih ingat, Mosaic adalah browser
pertama sebelum adanya Internet Explorer bahkan sebelum Nestcape.
Kemudian pada Januari 1994 Justin Hall memulai website pribadinya "Justins Home Page"
yang kemudian berubah menjadi "Links from the Underground" yang mungkin dapat disebut
sebagai Blog pertama seperti yang kita kenal sekarang.
Hingga pada tahun 1998, jumlah Blog yang ada masih sangat sedikit. Hal ini disebabkan
karena saat itu diperlukan keahlian dan pengetahuan khusus tentang pembuatan website,
HTML, dan web hosting untuk membuat Blog, sehingga hanya mereka yang berkecimpung di
bidang Internet, System Administrator atau Web Designer yang kemudian pada waktu
luangnya menciptakan Blog-Blog mereka sendiri.
Modul Pembuatan Blog dan Pengelolaanya Page 4
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
5/59
Namun saat ini, kita tidak perlu menjadi seorang programmer untuk menjadi seorang
Blogger, karena kita dapat menampilkan seluruh isi dalam web dengan mudah melalui menu
editor yang telah disediakan.
3. MANFAAT DARI PENGGUNAAN WEBLOG
Keuntungan dari penggunaan Weblog antara lain:
1. Melalui weblog,kita dapat memperluas hubungan teman/ kenalan hingga dapat
membentuk suatu komunitas yang besar.
2. Weblog melebihi surat elektronik (Email), karena satu posting blog yang anda bahas,
dapat dibaca oleh pengunjung blog yang tak terbatas. Beda dengan email yang hanya bisa
dibaca oleh orang yang kita kirimkan. Selain itu, pengunjung blog juga dengan cepat dapat
memberikan respon terhadap posting blog melalui komentar yang dapat langsung
dituliskan di blog tersebut.
3. Melalui weblog juga kita bisa menghasilkan uang baik dolar maupun rupiah.
4. DAFTAR
1. Pertama, bukalah web browser. Bisa menggunakan Internet Explorer, Mozilla Firefox, atau
Opera. Kemudian ketikkan alamat http://blogger.com.
2. Akan muncul tampilan awal seperti pada gambar di bawah. Klikuntuk mulai membuat blog.
Modul Pembuatan Blog dan Pengelolaanya Page 5
http://blogger.com/http://blogger.com/8/8/2019 Modul Blog Erlina Pujiasri 207533408610
6/59
3. Akan muncul tampilan tahap pertama yaitu Ciptakan Account. Isilah semua data yang
diperlukan pada masing-masing kolom yang telah disediakan. PadaAlamat Emailmasukkan
Email anda, alamat email harus valid karena akan digunakan untuk login dan layanan
google lainya. Ketikkan ulang Alamat Email pada Ketik Ulang Alamat Email untuk
mamastikan bahwa tidak ada kesalahan ketik. Ketikkan Password pada Masukkan sebuah
password, password harus lebih dari 8 karakter. Ketik ulang password pada Ketik ulang
sandi. Pada Nama Tampilan ketikkan nama yang akan dimunculkan pada saat blog
ditampilkan. Ketikkan karakter-karakter yang ditampilkan pada gambar di Verifikasi Kata.
Terakhir, berikan tanda ceklist pada Penerimaan Persyaratan sebagai bukti bahwa Anda
setuju dan menerima dengan persyaratan layanan dari Blogger. Setelah semua data
dimasukkan dengan benar klik .
Modul Pembuatan Blog dan Pengelolaanya Page 6
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
7/59
4. Setelah tahapan pertama berhasil, akan masuk ke tahapan kedua, yaitu Namai Blog. Pada
Judul Blogketik nama blog yang akan Anda gunakan. Kemudian ketikkan alamat URL blog
Anda pada Alamat Blog (URL) yang nantinya akan Anda gunakan sebagai URL dari blogAnda dengan tampilan http://alamatblog.blogger.com . Setelah itu Cek Ketersedian alamat
blog yang anda ketikkan, berfungsi untuk mengetahui apakah alamat blog yang anda
inginkan belum digunakan oleh orang lain. klik untuk ke tahapan
selanjutnya.
Modul Pembuatan Blog dan Pengelolaanya Page 7
http://alamatblog.blogger.com/http://alamatblog.blogger.com/8/8/2019 Modul Blog Erlina Pujiasri 207533408610
8/59
5. Pada tampilan berikut akan disediakan bermacam-macam template oleh Blogger. Anda
diminta memilih salah satu template sesuai dengan selera Anda. Tempate yang Anda pilih
ini sewaktu-waktu dapat diganti dengan template yang lain. Pilih salah satu Template
kemudian klik untuk melanjutkan pembuatan blog.
Modul Pembuatan Blog dan Pengelolaanya Page 8
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
9/59
6. Akan muncul tampilan peringatan bahwa log anda telah selesai di buat.
Modul Pembuatan Blog dan Pengelolaanya Page 9
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
10/59
7. Gambar di bawah adalah tampilan dari menu posting submenu buat.
Modul Pembuatan Blog dan Pengelolaanya Page 10
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
11/59
5. VERIFIKASI EMAIL
1. Untuk dapat menggunakan blog lakukan verifikasi email terlebih dahulu. Login ke Email
anda dan uka pesan Verifikasi Email pada Email anda. Klik Link yang ad dalam pesan
tersebut.
2. Akan muncul tampilan Akun google, klik link yang bertanda seperti pada gambar di bawah.
Modul Pembuatan Blog dan Pengelolaanya Page 11
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
12/59
3. Proses Veifikasi telah selesai, tampilan yag muncul adalah pada Dasbor.
6. EDIT PROFILE
1. Berikut adalah tampilan dasbor, untuk mulai mengedit profil klikEdit Profil.
Modul Pembuatan Blog dan Pengelolaanya Page 12
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
13/59
2. Berikut adalah Tampilan dari Menu Edit profil. Isi data-data yang sekiranya penting bagi
anda. Seperti pada Privasi, Identitas, Foto, Umum, Lokasi, Pekerjaan ataupun Info
Tambahan. Setelah selesai klik untuk menyimpan data-data yang telah kita
masukkan.
Modul Pembuatan Blog dan Pengelolaanya Page 13
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
14/59
Modul Pembuatan Blog dan Pengelolaanya Page 14
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
15/59
3. Setelah itu akan muncul tampilan seperti pada gambar di bawah yang menjelaskan bahwa
setelan telah disimpan. KlikLihat profil yang telah Diperbarui untuk melihat profil.
Modul Pembuatan Blog dan Pengelolaanya Page 15
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
16/59
4. Tampilan dari profil yang telah diedit sebelumnya.
7. PENGATURAN
A. Dasar
1. Pada pengaturan dasar, ada beberapa hal yang dapat anda konfigurasi/tata ulang agar kiranya
sesuai dengan apa yang anda inginkan
a. Alat Blog: Setting/pengaturan Alat Blog hanya perlu digunakan bila aktivitas
impor/ekspor/hapus ingin dilakukan.
b. Judul: Digunakan untuk mengganti judul blog dengan judul yang baru.
c. Uraian: Uraian adalah deskripsi atau keterangan tentang blog anda. Bila anda ingin
mengganti atau menambah keterangan tentang blog anda.
d. Tambahkan blog anda ke daftar kami? Ini adalah pilihan ingin atau tidak blog anda
terdaftar diblogger.com. Maksudnya disini adalah, bila anda memilih yes, maka blog
anda akan terdaftar di situs blogger.com dengan kata lain, bila ada orang yang mencari
blog anda melalui situs www.blogger.com , maka blog anda akan dimunculkan
blogger.com, selain daripada itu, setiap kali anda membuat tulisan/posting/update pada
blog anda maka akan dimunculkan di daftar blog terbaru yang ada di www.blogger.com.
Modul Pembuatan Blog dan Pengelolaanya Page 16
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
17/59
Tapi jika kalau anda memilih untuk (no / tidak) pada pengaturan ini, maka blog anda
tidak akan terlihat di daftar/list blog www.blogger.com bila anda membuat posting baru.
e. Biarkan mesin pencari menemukan blog anda. ini berkaitan dengan mesin pencari
seperti google atau yahoo. Misalkan anda memilih Yes pada pengaturan ini, maka blog
anda akan terdaftar di search engine (google, yahoo, msn). Sehingga bila ada yang
mencari informasi melalui search engine maka dalam daftar hasil pencarian blog anda
pun akan dimunculkan.
f. Tampilkan editing cepat di blog anda? Ini semacam menambahkan shortcut ke
posting/tulisan
g. Tampilkan link posting Email? Gunanya link ini adalah agar pengunjung dipermudah
dalam hal bagi-membagi (sharing) tulisan dari blog anda ke orang lain lewat e-mail.
h. Konten dewasa. bila anda memilih Tidak berarti blog anda tidak memiliki unsur-unsurkonten dewasa sehingga pada saat membuka blog anda, peringatan pun tidak diberikan.
i. Aktifkan Literasi. jika ingin blog anda dapat mengubah otomatis menjadi bahasa lain
atau translate otomatis, maka anda bisa memilih bahasa (language) yang anda inginkan.
Modul Pembuatan Blog dan Pengelolaanya Page 17
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
18/59
j. Setelah proses penyimpanan selesai akan muncul tampilan berikut.
B. Publikasi
1. Pengaturan Publikasi digunakan jika anda ingin mengubah alamat URL bLog dari
http://urlbloglama.blogspot.com ke http://urlblogbaru.blogspot.com
Modul Pembuatan Blog dan Pengelolaanya Page 18
http://urlbloglama.blogspot.com/http://urlblogbaru.blogspot.com/http://urlbloglama.blogspot.com/http://urlblogbaru.blogspot.com/8/8/2019 Modul Blog Erlina Pujiasri 207533408610
19/59
2. Untuk mengubah URL Blog, hapus URL blog yang lama kemudian ketik URL blog yang
baru pada klom Alamat Blog *Spot.
3. Setelah selesai mengisi URL blog yang baru, jangan lupa untuk verifikasi kata yaitu dengan
mengisi huruf acak/captcha di kotak pengisian huruf acak yang terdapat dibawah gambar
(huruf acak). Isilah dengan huruf yang sesuai dengan huruf yang tertera di gambar acak
tersebut. Jika sudah klikSimpan Setelan, Ini akan merubah URL blog lama ke URL blog
kamu yang baru dan menyimpannya secara permanen.
C. Format
1. Pengaturan Format mengatur berapa posting yang akan ditampilkan ke halaman depan
blog, format waktu timestamp yang akan dimunculkan, zona waktu yang digunakan, apakah
judul posting akan ditampilkan, dsb.
Modul Pembuatan Blog dan Pengelolaanya Page 19
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
20/59
a. Tampilkan: Anda dapat memilih berapa banyak posting/tulisan yang akan di
tampilkan pada halaman utama blog Anda. Disini Anda juga bisa memilih apakah
ingin blog Anda menampilkan dalam jumlah posting atau jumlah hari.
b. Format Header Tanggal: Ini adalah format tanggal yang akan dimunculkan setiap
kali Anda membuat tulisan.
c. Format Tanggal Index Arsip: Ini adalah format penayangan arsip. Setiap bulannya,
arsip kita di kumpulkan menjadi satu. Format penulisan arsip tersebut misalnya
Bulan/Tahun > January 2009. Anda bisa mengganti format penulisan arsip dengan >
Jan 2009 atau format lain yang telah disediakan blogger.
d. Format Time Stamp. Anda bisa mengganti format waktu untuk 12 jam atau 24 jam.
e. Zona Waktu. Pilih zona waktu Indonesia yaitu GMT+07:00. Pilihlah (GMT+07:00)
Jakarta.f. Bahasa: Ini adalah pengaturan untuk bahasa apa yang akan dipakai di dalam blog
Anda.
g. Konfersi Ganti Garis: Apabila dipilih Ya, hasil penekanan tombol ENTER di Text
- Editor Entri/Tulis akan diganti dengan sebuah tag
tunggal di dalam blog
Anda, dan dua kali penekanan tombol ENTER akan diganti dengan
dua tag (
). Tetapi bila Anda memilih Tidak maka Anda bisa membuat style
format
tag
sendiri.
h. Tampilkan Field Judul: Jika Anda memilih Ya, maka setiap kali anda membuat
tulisan/posting, maka kotak pengisian untuk Judul akan di tampilkan dan
memperbolehkan anda untuk membuat judul di setiap tulisan/posting anda.
i. Tampilkan kolom Link: Tambahkan opsi untuk menyertakan URL untuk
menambah link disetiap posting misalkan adalah link untuk ke sumber lainnya
j. Template Posting. Ini hanya membantu anda agar anda tidak perlu repot menulis
format-format tertentu berulang-ulang lagi. Misalnya signature (tanda tangan) anda,
atau advertising juga bisa anda masukkan disini.
Setelah selesai klikSimpan Setelan.
Modul Pembuatan Blog dan Pengelolaanya Page 20
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
21/59
2. Setelah proses penyimpanan selesai akan muncul tampilan berikut.
Modul Pembuatan Blog dan Pengelolaanya Page 21
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
22/59
D. Komentar
1. Pada pengaturan komentar, ada beberapa hal yang dapat anda konfigurasi/tata ulang agar
kiranya sesuai dengan apa yang anda inginkan, misalkan anda ingin komentar yang masuk
tidak terlihat pada posting, mengatur siapa saja yang bisa berkomentar, atau mengatur format
timestamp (tampilan waktu) kapan komentar masuk.
a. Komentar: Pada bidang ini, anda bisa memilih untuk menampilkan atau
menyembunyikan komentar pada seluruh posting/tulisan di blog anda.
b. Siapa yang Bisa Berkomentar? anda diberikan 4 pilihan. Pilihan ini adalah untuk
membatas siapa saja yang dapat berkomentar.
c. Penempatan Formulir Komentar. berhubungan dengan dimana formulir komentar
ingin anda tempatkan. Apakah akan dialihkan ke sebuah halaman penuh untuk komentar,
ataukah sebuah pop-up windows akan keluar atau malah formulir komentar tepat berada
di bagian bawah halaman posting anda?
d. Default Komentar Untuk Entri. anda bisa memilih setelan default untuk
memperbolehkan komentar atau tidak memperbolehkan komentar pada posting-posting
anda.
e. Link Balik. Ini adalah bidang dimana anda bisa memilih untuk menampilkan atau tidak,
link balik/backlink yang diberikan orang bila mereka membuat artikel mirip/serupadengan posting v dimana si pembuat posting tersebut ada mengambil sumber dari anda
lalu menyertakan sebuah link sebagai apreasinya untuk anda.
f. Default link balik untuk posting. Bila memilih Entri baru memiliki taut balik maka
setiap membuat posting di text-editor posting (tempat menulis) pilihan untuk
menampilkan link balik akan secara otomatis terpilih. Sebaliknya bila memilih untuk
Entri baru tidak memiliki taut balik maka setiap membuat posting di text-editor (tempat
menulis) pilihan untuk menampilkan link balik akan secara otomatis terpilih.
g. Format Timestamp Komentar: Setiap komentar yang masuk ke posting anda, maka
waktu ketika si pemberi komentar meninggalkan komentarnya akan tertera di atas
komentarnya.
h. Pesan Formulir Komentar. Anda bisa memberikan pesan kepada orang yang ingin
berkomentar. Pesan ini akan muncul langsung diatas formulir komentar. Untuk membuat
pesan ini, tulis isi pesan kamu dikotak penulisan yang ada disebelah kanan. Contoh
umum yang biasa saya isi adalah: Terima Kasih Telah Memberikan Waktu dan
Komentarnya.
Modul Pembuatan Blog dan Pengelolaanya Page 22
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
23/59
i. Moderasi Komentar. Anda dapat memilih apakah setiap orang meninggalkan komentar
harus anda moderasikan atau tidak. Maksudnya adalah apakah komentar yang dibuat
boleh atau tidak ditampilkan di daftar komentar yang masuk
j. Tampilkan verifikasi kata untuk komentar? anda bisa mengatur apakah orang yang
berkomentar setelah mengisi formulir komentar, orang tersebut bisa langsung
mengirimnya atau harus melakukan verifikasi lagi dengan memasukkan nomor
acak/captcha terlebih dahulu. Ini sebagai security atau penambah keamanan agar
spammer (yang sering membuat komentar sampah yang tidak relevan) tidak bisa
menggunakan program untuk membuat spam di kolom komentar blog anda.
k. Tampilkan Gambar Profil dalam Komentar? pilihan apakah komentar yang masuk
akan menampilkan gambar sipembuat komentar atau tidak.
l. Moderasikan komentar. Disini anda bisa mengatur/memerintah blogspot untukmengirimkan email ke anda untuk memberitahukan setiap kali ada orang yang
memberikan komentar diblog anda.
Modul Pembuatan Blog dan Pengelolaanya Page 23
http://agungarifin.blogspot.com/http://agungarifin.blogspot.com/8/8/2019 Modul Blog Erlina Pujiasri 207533408610
24/59
Modul Pembuatan Blog dan Pengelolaanya Page 24
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
25/59
E. Arsipkan
1. Ini untuk mengelompokkan setiap postingan menjadi satu kelompok agar kiranya posting
terbaru dan posting yang lama atau posting yang lebih lama sebelumnya dapat dibedakan
menurut jenis pengarsipannya.
a. Frekuensi Arsip anda bisa mengatur bagaimana cara pengarsipan yang anda inginkan.
Apakah menurut harian, mingguan, atau bulanan.
b. Aktifkan Halaman Posting. anda bisa memilih untuk memberikan URL atau
Permalink kepada setiap posting yang anda buat atau tidak. Memberikan URL adalah
memberikan alamat url untuk posting anda.
Setelah selesai klikSimpan Setelan.
Modul Pembuatan Blog dan Pengelolaanya Page 25
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
26/59
F. Feed Situs
1. Dengan adanya feed situs anda memberikan keleluasaan kepada pembaca karena mereka
menerima informasi bahwa anda telah meng-update blog anda, tetapi juga potongan artikel
posting baru atau full artikel sekaligus ke dalam feed reader atau ke-email mereka.
1. Izinkan Feed Blog. anda bisa mengatur bagaimana feed situs yang akan anda
publikasikan. Apakah Penuh yaitu setiap feed situs yang dikirim akan menampilkan
artikel penuh, ataukah Singkat (summary) yaitu setiap feed situs yang dikirim akan
menampilkan paragraf pertama saja dari posting
2. Posting URL Pengubahan Arah Feed. Bila seandainya anda ingin memakai feed situs
eksternal seperti Feedburner, anda bisa memasukan URL Feedburner untuk feed situs
anda. Bila tidak memakai feed eksternal anda bisa mengabaikan langkah ini.
3. Footer Feed Posting. Ini semacam Post Template yang kalau di post template ini
digunakan untuk memasukan kata-kata yang sering diulang setiap kali membuat posting
seperti post signature atau iklan
Setelah selesai memasukkan data kliksimpan setelan.
Modul Pembuatan Blog dan Pengelolaanya Page 26
http://www.blogpraktis.com/blog-tutorials/blogger-blogspot/cara-konfigurasi-pengaturan-format-di-blogger-blogspothttp://www.blogpraktis.com/blog-tutorials/blogger-blogspot/cara-konfigurasi-pengaturan-format-di-blogger-blogspot8/8/2019 Modul Blog Erlina Pujiasri 207533408610
27/59
G. Email Seluler
1. Pada pengaturan ini, anda diperbolehkan untuk memasukan (maksimal 10) e-mail yang mana
bila setiap ada posting terbaru maka posting tersebut akan dikirim ke email-email yang kamu
masukan tadi.
1. Alamat Blogsend: Masukan alamat email (maksimal 10) ke kotak pengisian agar setiap
posting yang baru akan terkirim ke e-mail.
2. Alamat Mail-ke-Blogger: bila anda ingin mengaktifkan fitur email-ke-blogger
(mengirim email untuk dijadikan posting) anda harus membuat sebuah nama email
address kemana nantinya e-mail yang akan dikirim menjadi posting tersebut. Pada kotak
pengisian, masukan sebuah nama untuk membentuk sebuah alamat e-mail.
Modul Pembuatan Blog dan Pengelolaanya Page 27
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
28/59
Setelah selesai memasukkan data kliksimpan setelan.
H. OpenID
1. Open ID adalah sebuah identitas sentral bebas dimana saat anda ingin berkomentar di
situs/blog yang mengaktifkan OpenID sebagai login, anda hanya tinggal memasukan nama
dan password Open ID anda disitu. Pada gambar di bawah ini terdapat keterangan bahwa
Open ID adalah http://curhatku-tentangku.blogspot.com
Modul Pembuatan Blog dan Pengelolaanya Page 28
http://curhatku-tentangku.blogspot.com/http://curhatku-tentangku.blogspot.com/8/8/2019 Modul Blog Erlina Pujiasri 207533408610
29/59
I. Izin
1. Blog anda dapat dikonfigurasi sehingga orang lain juga dapat mengisi blog anda.
a. Penulis Blog: anda bisa menambah satu atau lebih penulis lain (hingga 100 penulis)
untuk mengisi blog anda. Bila anda ingin menambahkannya, anda bisa klik Menambah
Penulis.
b. Pembaca Blog: Pada bidang ini, anda bisa membatasi siapa saja yang dapat membaca
blog anda. Ada 3 pilihan yang untuk menyetel pembaca blog anda yaitu:
Siapapun. Ini adalah setelan standard dari blogger/blogspot yang artinya siapapun
bisa membaca blog anda.
Hanya orang-orang yang saya pilih. Bila anda memilih opsi ini, maka blog anda
akan berubah menjadi sebuah private blog. Dimana hanya orang-orang yang anda
pilih atau undang saja yang dapat membaca blog anda.
Hanya penulis blog. Bila anda memilih opsi ini, maka blog anda tidak akan bisa
dilihat siapapun juga kecuali anda sendiri.
2. Kemudian akan muncul kotak pengisian. Dalam kotak pengisian tersebut masukan alamat e-
mail si penulis yang ingin anda tambahkan lalu klikUndang. Si penulis yang anda undang
akan mendapatkan sebuah e-mail untuk konfirmasi dan mengikuti persyaratan untuk
berkontribusi/menjadi penulis di blog anda.
Modul Pembuatan Blog dan Pengelolaanya Page 29
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
30/59
3. Berikut adalah tampilan daftar penulis baru yang telah dimasukkan.
8. UBAH TEMPLATE
1. Jika anda mengganti template dengan template yang sudah disediakan blogger maka itu
adalah cara yang paling mudah, anda hanya tinggal memilih kemudian simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar,
sehingga kita seringkali mencari template lain yang lebih cantik.
2. Berikut adalah contoh beberapa Blog/Web yang menyediakan template. Download template
yang anda inginkan dari Blog/Web tersebut.
Modul Pembuatan Blog dan Pengelolaanya Page 30
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
31/59
http://freetemplates.blogspot.com
http://www.eblogtemplates.com
http://www.finalsense.com
http://www.blogspottemplate.com/
http://www.geckoandfly.com freshbloggertemplates.blogspot.com/
http://www.gosublogger.com/
http://www.giselejaquenod.com
http://template-unik.blogspot.com/
http://www.suckmylolly.com/
http://k2modify.blogspot.com/
bloggero.com
Blogspottutorial
bloggermagz
blogtemplate4u.com
bloggertrick
http://www.blogcrowds.com
http://webbietips.blogspot.com/
http://btemplates.com/
http://blogandweb.com/
http://freeskins.blogspot.com/ http://www.template-godown.com/
http://www.ourblogtemplates.com/
http://layout4all.blogspot.com/
http://x-template.blogspot.com/
templatepanic.com
goblogtemplate.com
butikkita.com
sushidating.com
mashable.com
bloggerbuster
wishix.com
3. Anda harus membackup template anda, untuk berjaga-jaga jika template baru anda tidakberhasil diinstall, dengan cara masuk ke menuLayout >> Edit HTML, kemudian klik link
bertuliskan Download Full Template kemudian simpan file yang diberikan.
Modul Pembuatan Blog dan Pengelolaanya Page 31
http://freetemplates.blogspot.com/http://freetemplates.blogspot.com/http://www.eblogtemplates.com/http://www.eblogtemplates.com/http://www.finalsense.com/http://www.finalsense.com/http://www.blogspottemplate.com/http://www.blogspottemplate.com/http://www.geckoandfly.com/blogspot-templates/http://www.geckoandfly.com/blogspot-templates/http://freshbloggertemplates.blogspot.com/http://freshbloggertemplates.blogspot.com/http://www.gosublogger.com/http://www.gosublogger.com/http://www.giselejaquenod.com.ar/blog/blogger-templates/http://www.giselejaquenod.com.ar/blog/blogger-templates/http://template-unik.blogspot.com/http://template-unik.blogspot.com/http://www.suckmylolly.com/http://www.suckmylolly.com/http://k2modify.blogspot.com/http://k2modify.blogspot.com/http://bloggero.com/category/blogger-templates/http://bloggero.com/category/blogger-templates/http://www.blogspottutorial.com/http://www.blogspottutorial.com/http://bloggermagz.blogspot.com/http://bloggermagz.blogspot.com/http://www.blogtemplate4u.com/http://www.blogtemplate4u.com/http://bloggertricks.com/2008/05/japanese-fleur-blogger-template-free.htmlhttp://bloggertricks.com/2008/05/japanese-fleur-blogger-template-free.htmlhttp://www.blogcrowds.com/http://www.blogcrowds.com/http://webbietips.blogspot.com/http://webbietips.blogspot.com/http://btemplates.com/http://btemplates.com/http://blogandweb.com/http://blogandweb.com/http://freeskins.blogspot.com/http://freeskins.blogspot.com/http://www.template-godown.com/http://www.template-godown.com/http://www.ourblogtemplates.com/http://www.ourblogtemplates.com/http://layout4all.blogspot.com/http://layout4all.blogspot.com/http://x-template.blogspot.com/http://x-template.blogspot.com/http://www.templatepanic.com/http://www.templatepanic.com/http://goblogtemplate.blogspot.com/http://goblogtemplate.blogspot.com/http://themes.butikkita.com/http://themes.butikkita.com/http://www.sushidating.com/blogspot-templates/http://www.sushidating.com/blogspot-templates/http://mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/http://mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/http://www.bloggerbuster.com/2007/08/blogger-template-downloads.htmlhttp://www.bloggerbuster.com/2007/08/blogger-template-downloads.htmlhttp://www.wishix.com/pages/blogskins.phphttp://www.wishix.com/pages/blogskins.phphttp://freetemplates.blogspot.com/http://www.eblogtemplates.com/http://www.finalsense.com/http://www.blogspottemplate.com/http://www.geckoandfly.com/blogspot-templates/http://freshbloggertemplates.blogspot.com/http://www.gosublogger.com/http://www.giselejaquenod.com.ar/blog/blogger-templates/http://template-unik.blogspot.com/http://www.suckmylolly.com/http://k2modify.blogspot.com/http://bloggero.com/category/blogger-templates/http://www.blogspottutorial.com/http://bloggermagz.blogspot.com/http://www.blogtemplate4u.com/http://bloggertricks.com/2008/05/japanese-fleur-blogger-template-free.htmlhttp://www.blogcrowds.com/http://webbietips.blogspot.com/http://btemplates.com/http://blogandweb.com/http://freeskins.blogspot.com/http://www.template-godown.com/http://www.ourblogtemplates.com/http://layout4all.blogspot.com/http://x-template.blogspot.com/http://www.templatepanic.com/http://goblogtemplate.blogspot.com/http://themes.butikkita.com/http://www.sushidating.com/blogspot-templates/http://mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/http://www.bloggerbuster.com/2007/08/blogger-template-downloads.htmlhttp://www.wishix.com/pages/blogskins.php8/8/2019 Modul Blog Erlina Pujiasri 207533408610
32/59
4. Kemudian anda harus membackup elemen-elemen atau widget-widget yang sudah pernah
anda pasang, dengan masuk ke menu Page Element >>klik link bertuliskan edit. Klik link-
link tersebut satu persatu, copy isi dari elemen tersebut kedalam notepad. Karena setelah
anda mengganti template anda ke template yang baru elemen-elemen tersebut akan terhapus,
maka anda hanya tinggal menganbil backup-an yang telah anda buat sebelumnya
5. Jika template dan elemen-elemen sudah anda backup langkah selanjutnya adalah
mengupload template yang sudah anda download. Biasanya file template yang di download
berextenxi xml tapi terkadang juga berekstensi zip atau rar, kalau begitu anda harus meng-
ekstraknya terlebih dahulu sehingga anda mendapat file berekstensi xml. Kemudian upload,
dengan kembali ke menu Edit HTML >> klikbrowse.. kemudian cari file template yang
akan anda gunakan, jika sudah klik tombol unggah.
Modul Pembuatan Blog dan Pengelolaanya Page 32
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
33/59
6. Akan akan mendapat konfirmasi seperti pada gambar di bawah ini. Yang artinya elemen-
elemen yang ada pada blog anda akan dihapus. Tapi karena sebelumnya anda sudah memiliki
backup-an dari elemen-elemen tersebut maka pilih Konfirmasi & Simpan.
7. Setelah proses penyimpanan selesai akan muncul tampilan berikut. Kemudian klik Lihat
Blog.
Modul Pembuatan Blog dan Pengelolaanya Page 33
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
34/59
8. Berikut adalah tampilan blog anda yang baru.
9. Jangan lupa untuk mengembalikan Elemen-elemen yang yang sebelumnya telah anda backup
pada Tata Letak >> Elemen Halaman.
9. POSTING
1. Untuk menulis, Pilih menu Posting >>Buat. Ketikkan judul Postingan pada JUDUL.
Tautan digunakan jika anda ingin membuat Link ke Artikel anda. Secara default,
Blogger akan membuat link ini. hanya saja akan lebih efektif jika anda memberikan
tautan(link) terhadap judul Artikelanda. Jika anda sudah selesai membuat artikel, anda
bisa klik pratinjau untuk melihat bentuk postingan anda, dan sekaligus menge-cek
penulisan huruf (spelling).
Modul Pembuatan Blog dan Pengelolaanya Page 34
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
35/59
2. Kemudian KlikSimpan Sekarang kemudian klikTerbitkan Sekarang.
3. Akan muncul tampilan bahwa anda telah berhasil menerbitkan entri. KlikEdit Entri untuk
mengecek tulisan yang anda buat telah tersimpan.
Modul Pembuatan Blog dan Pengelolaanya Page 35
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
36/59
4. Tulisan yang anda buat telah tersimpan.
10.TATA LETAK ELEMEN HALAMAN
1. Terdapat beberapa menu pada Tata Letak:
a. Elemen halaman : untuk meletakkan widget - widget baru anda.Untuk menambah
widget atau menghapus widget,anda masuk ke menu elemen halaman.Untuk menambah
widget baru, anda pilih menu HTML/JAVASCRIPT di dalam ELEMEN HALAMAN
b. Font dan warna : untuk mengatur jenis tulisan dan warna
c. Edit HTML : tempat untuk mengedit template, mengganti template, merubah susunan
kode HTML dari sebuah template.
d. Pilih template baru : digunakan jika anda ingin merubah template blog anda ke
setingan default
2. Gambar di bawah ini merupakan tampilan dari Elemen Halaman. Untuk mengedit Elemen
Halaman kita kliklinkEditpada Elemen yang akan anda edit.
Modul Pembuatan Blog dan Pengelolaanya Page 36
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
37/59
3. Akan muncul jendela berikut, terdapat beberapa pilihan warna Navbar. Anda pilih salah satu
kemudian klikSimpan untuk menyimpan setelan.
Modul Pembuatan Blog dan Pengelolaanya Page 37
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
38/59
4. Maka akan muncul tampilan seperti pada tampilan sebelumya. Untuk menambahkan Elemen
klik link Tambah Gadget.
5. Akan muncul jendela seperti berikut. Yang berisi menu sebagai berikut :
a. Pengikut (Baru!) : Menampilkan daftar pengguna yang mengikuti blog Anda
b. HTML / JavaScript : menu ini adalah menu yang digunakan untuk meletakkan kode
HTML atau JAVASCRIPT yang berasal dari sebuah widget atau aksesories tertentu.Jadi
ketika anda ingin memasang sebuah widget,dan anda diberikan kode html,anda tidak
perlu bingung,letakkan saja kode tersbut di menu ini.
c. Teks :untuk menambahkan beberapa kata ke blog Anda - seperti sebuah pesan selamat
datang - dengan editor rich text dari Blogger.
d. Gambar :untuk menambahkan gambar dari komputer Anda atau dari tempat lain di
Blog
e. Tampilan Slide : untuk menambahkan tampilan slide foto ke blog Anda
f. ADSENSE : digunakan untuk menampilkan kode html dari GOOGLE ADSENSE anda.
Modul Pembuatan Blog dan Pengelolaanya Page 38
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
39/59
g. Baris Video : untuk menambahkan Klip tampilan dari YouTube dan Google Video
untuk disaksikan oleh pembaca Anda tanpa meninggalkan halaman.
h. Polling : untuk menambahkan lakukan survei terhadap pengunjung Anda dengan
menambahkan polling ke blog Anda.
i. Daftar Blog : untuk memperlihatkan yang Anda baca dengan blogroll dari blog favorit
Anda.
j. Daftar Link : untuk menambahkan koleksi dari situs favorit, blog atau halaman web
Anda.
k. Daftar : untuk menambahkan daftar dari buku-buku favorit, film, atau apapun yang
Anda suka.
l. Feed : untuk menambahkan konten dari feed RSS atau Atom ke blog Anda.
m. Newsreel : Secara otomatis menambah tajuk dari Google News untuk blog Anda.
n. Label: untuk menampilkan semua label dari posting dalam blog Anda.
o. Tautan Berlangganan : Memudahkan pembaca berlangganan blog Anda lewat
pembaca feed populer
p. Logo : untuk memilih dari berbagai jenis log Blogger untuk ditambahkan ke halaman
Anda.
q. Profil:untuk menampilkan informasi mengenai diri Anda sendiri.
Modul Pembuatan Blog dan Pengelolaanya Page 39
http://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=VideoBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Poll&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=BlogList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=LinkList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=LinkList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=TextList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Feed&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=NewsBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Label&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Label&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Subscribe&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=BloggerButton&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Profile&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Profile&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=VideoBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Poll&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=BlogList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=LinkList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=TextList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Feed&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=NewsBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Label&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Subscribe&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=BloggerButton&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270§ionId=sidebar&action=editWidget&widgetType=Profile&referrer=directory8/8/2019 Modul Blog Erlina Pujiasri 207533408610
40/59
6. Anda dapat menggunakan masing-masing gadget sesuai fungsinya untuk menambahkan
elemen yang anda inginkan pada blog anda.
7. Berikut adalah tampilan dari menu HTML / JavaScript yang telah dipilih sebelumya,
tuliskan judul yang akan anda berikan untuk elemen tersebut pada Judul, kemudian letakkan
code HTML / JavaScript dari elemen yang akan anda masukkan pada Konten.Tidak jauh
berbeda dengan menu yang lain.
Modul Pembuatan Blog dan Pengelolaanya Page 40
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
41/59
11.MENAMBAHKAN APLIKASI
Anda dapat menambahkan berbagai macam aplikasi di dalam blog anda, seperti jam, ShoutBox,
dll.
A. Clock
1. Untuk menambah aplikasi jam anda dapat mendapatkannya dari http://clocklink.com.
Berikut adalah contoh dari beberapa tampilan jam yang disediakan oleh clocklink. Klik
View HTML Tag untuk melihat code HTML dari jenis jam tersebut.
2. Kemudian akan mucul konfirmasi. KlikAccept untuk melanjutkan ke proses selanjutnya.
Modul Pembuatan Blog dan Pengelolaanya Page 41
http://clocklink.com/http://clocklink.com/8/8/2019 Modul Blog Erlina Pujiasri 207533408610
42/59
3. Anda dapat melakukan setelan terlebih dahulu seperti merubah warna tampilan, zona waktu,
dan ukuran jam yang akan anda gunakan. Copy code seperti pada tampilan di bawah ini.
4. Pada Tata Letak >> Elemen Halaman pilih Tambah Gadget. Kemudian pilih
HTML/JavaScipt.
Modul Pembuatan Blog dan Pengelolaanya Page 42
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
43/59
5. Paste code yang telah anda copy dari clocklinkke Konten pada jendela berikut. Jangan
lupa berikan judul untuk Elemen yang anda masukkan pada Judul. Kemudian simpan
dengan klik tombol Simpan.
6. Setelah proses penyimpanan selesai akan muncul tampilan berikut. Kemudian klikLihat
Blog.
Modul Pembuatan Blog dan Pengelolaanya Page 43
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
44/59
7. Tampilan Blog anda setelah anda tambahkan aplikasi clock.
B. ShoutBox
1. Buka URL ShoutMix dari Browser anda http://www.shoutmix.com/ .
2. Akan muncul tampilan dari halaman depan ShoutMix, Sebelum memiliki ShoutBox
pengguna diharuskan untun mendaftar terlebih dahulu. Untuk mendaftar klik CREATE
YOUR SHOUTBOX NOW
Modul Pembuatan Blog dan Pengelolaanya Page 44
http://www.shoutmix.com/http://www.shoutmix.com/8/8/2019 Modul Blog Erlina Pujiasri 207533408610
45/59
3. Masukkan ID yang akan anda gunakan pada Shoutbox id. Ketikkan password anda pada
Choose password dan ketik ulang password yang telah anda masukkan pada Retype
password. Ketik nama anda pada Name dan masukkan Email anda pada Email. Berikan
tanda ceklist pada sebagai bukti bahwa anda
setuju dan menerima dengan persyaratan layanan dari ShoutMix. Kemudian klik
Continue untuk melanjutkan ke proses selanjutnya.
4. Anda diberikan pilihan untuk memilih salah satu dari ShoutBox Style (Jenis ShoutBox)
yang telah disediakan oleh ShoutBox. Klik Continue untuk melanjutkan proses
pembuatan.
Modul Pembuatan Blog dan Pengelolaanya Page 45
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
46/59
5. Anda telah selesai membuat ShoutMix, muncul tampilan terimakasih dari ShoutMix. Klik
Control panel atau Go to my control panel now untuk ke control panel dan melanjutkan
ke proses selanjutnya.
6. Pada tampilan Control panel di bawah ini terdapat beberapa menu yang dapat anda
pergunakan untuk konfigurasi ShoutMix anda. Pada Quick Startpilih Get Codes.
Modul Pembuatan Blog dan Pengelolaanya Page 46
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
47/59
7. Akan muncul tampilan seperti berikut. Copy code pada Generated codespada ShoutMix.
8. Pada Tata Letak >> Elemen Halaman pilih Tambah Gadget. Kemudian pilih
HTML/JavaScipt.
Modul Pembuatan Blog dan Pengelolaanya Page 47
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
48/59
9. Berikut adalah tampilan jendela munculan setelah anda menjalankan proses di atas. Paste
Code yang sebelumnya telah anda Copy dari ShoutMix pada Konten. Jangan Lupa
berikan judul padaJudul. KlikSimpan untuk menyimpan konfigurasi.
Modul Pembuatan Blog dan Pengelolaanya Page 48
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
49/59
10. Anda akan dihadapkan lagi pada tampilan Tata Letak>>Elemen Halaman. KlikSimpan
untuk menyimpan seluruh perubahan pada Elemen Halaman.
11. Setelah proses penyimpanan selesai akan muncul tampilan berikut. Kemudian klikLihat
Blog.
12. Tampilan Blog setelah anda menambahkan aplikasi ShoutMix di dalamnya.
Modul Pembuatan Blog dan Pengelolaanya Page 49
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
50/59
C. RSS
RSS adalah sebuah file berformat XML untuk sindikasi yang telah digunakan (diantaranya
dan kebanyakan) situs web berita dan weblog. Singkatan ini biasanya mengarah ke beberapa
protokol:
Rich Site Summary (RSS 0.91)
RDF Site Summary (RSS 0.9 and 1.0) Really Simple Syndication (RSS 2.0)
Teknologi yang dibangun dengan RSS mengijinkan kita untuk berlangganan kepada situs
web yang menyediakan umpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara
reguler. Untuk memanfaatkan teknologi ini kita membutuhkan layanan pengumpul. Pengumpul
bisa dibayangkan sebagai kotak surat pribadi. Kita kemudian dapat mendaftar ke situs yang
ingin kita tahu perubahannya. Namun, berbeda dengan langganan koran atau majalah, untuk
berlangganan RSS tidak diperlukan biaya, gratis. Tapi, kita biasanya hanya mendapatkan satu
baris atau sebuah pengantar dari isi situs berikut alamat terkait untuk membaca isi lengkap
artikelnya.
Sebagai pengumpan RSS anda bisa memakai Feed seperti feedburner dan lain sebagainya.
Untuk itu anda harus registrasi ke situs tersebut. Langkah yang dilakaukan adalah sebagai
berikut:
1. Buka URL RSS dari browser anda http://feedburner.com atau
http://feedburner.google.com/fb/a/home
2. Akan muncul tampilan berikut ini
Modul Pembuatan Blog dan Pengelolaanya Page 50
http://feedburner.com/http://feedburner.google.com/fb/a/homehttp://feedburner.com/http://feedburner.google.com/fb/a/home8/8/2019 Modul Blog Erlina Pujiasri 207533408610
51/59
3. Isilah email dan dan password gmail anda dengan benar, jika anda belum memiliki google
account, daftarkanlah diri anda. Isi Form yang telah di sediakan seperti gambar di bawah ini:
Modul Pembuatan Blog dan Pengelolaanya Page 51
http://4.bp.blogspot.com/_5SBmsIkNHTU/SD-l1RDpLnI/AAAAAAAAAGw/7DocALp_Tpo/s1600-h/feed.jpg8/8/2019 Modul Blog Erlina Pujiasri 207533408610
52/59
4. Setelah itu, tekan tombol register
5. Lakukan login dengan user dan password anda, akan muncul tampilan berikut
6. Isikan URL blog anda pada kolom Burn a feed this instant dan tekan tombol next
7. Kemudian anda akan menjumpai Feed Tittle dan Feed Address pilih Activate Feed. Setelah
itu, tekan tombol Next
8. Beri checklist pada Option nya, jaangan lupa untuk memilih yang pro, tekan tombol next
9. Cek blog anda apakah layanan RSS sudah masuk pda blog anda?
12.TAMBAH LINK
1. Anda dapat memasukkan Link Blog lain ke dalam Blog anda. Pada Tata Letak >> Elemen
Halamanpilih Tambah Gadget. Kemudian pilih Daftar Blog.
Modul Pembuatan Blog dan Pengelolaanya Page 52
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
53/59
2. Berikut adalah tampilan dari Konfigurasi Daftar Blog. Klik untuk
menambah daftar Blog lain ke Blog anda.
3. Ketikkan URL blog yang akan anda masukkan dalam blog anda pada kolom yang telah
disediakan. Setelah selesai klikTambah untuk memasukkan blog yang telah anda ketik
sebelumya ke dalam daftar Blog anda.
Modul Pembuatan Blog dan Pengelolaanya Page 53
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
54/59
4. Berikan judul untuk elemen tersebut pada Judul. Setelah konfigurasi dirasa cukup, klik
Simpan.
5. Anda akan dihadapkan lagi pada tampilan Tata Letak>>Elemen Halaman. KlikSimpan
untuk menyimpan seluruh perubahan pada Elemen Halaman.
Modul Pembuatan Blog dan Pengelolaanya Page 54
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
55/59
6. Setelah proses penyimpanan selesai akan muncul tampilan berikut. Kemudian klikLihat
Blog.
7. Tampilan dari Blog anda setelah anda tambahkan Daftar Link.
Modul Pembuatan Blog dan Pengelolaanya Page 55
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
56/59
PRAKTIKUM
Pertemuan Pertama (2 jam pelajaran )
Langkah-langkah Praktikum
1. Buatlah blog dari situs penyedia layanan blog!
2. Isilah account blog sesuai dengan yang ditentukan pada formulir!
3. Lakukan verfikasi email yang masuk dari penyedia layanan blog!
4. Buatlah sebuah tulisan dan postingkanlah!
5. Lihat tampilan blog tersebut!
6. Log-out dari account blog
Latihan Soal
1. Sebutkanlah 3 situs penyedian layanan blog!
2. Jelaskan langkah pendaftaran blog!
3. Mengapa verifikasi email perlu dilakukan?
4. Bagaimana proses pemostingan tulisan?
Modul Pembuatan Blog dan Pengelolaanya Page 56
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
57/59
Pertemuan Kedua (2 jam pelajaran)
Langkah-langkah Praktikum
1. Masuklah (log-in) ke account blog yang sudah dibuat pada pertemuan sebelumnya!
2. Buatlah sebuah tulisan dan postingkanlah!
3. Ubahlah tulisan yang sudah diposting sebelumnya dan simpan perubahannnya!
4. Gantilah tampilan blog dengan template yang berbeda dan simpan perubahannya!
5. Pada dasbor, editlah profil sesuai dengan yang diinginkan, tambahkan foto di dalamnya dan
simpan perubahan yang terjadi!
6. Masuklah ke bagian tata letak elemen halaman dan ubahlah warna Navbar dan simpan
perubahannya!
7. Tambahkanlah elemen dengan menggunakan link Tambah Gadget dan pililhlah elemen yang
diinginkan!
8. Setelah selesai melakukan setiap perubahan dan ingin keluar dari account blog, simpanlah
perubahan dan log-out pada account blog anda!
Latihan Soal
1. Jelaskan cara meng-edit tulisan yang telah dipostingkan!
2. Bagaimana proses pembuatan profil diri dan memasukkan foto diri?
3. Sebutkan langkah yang dilakukan untuk menambahkan Tata Letak Elemen Halaman dan
Gadget pada blog!
Modul Pembuatan Blog dan Pengelolaanya Page 57
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
58/59
Pertemuan Ketiga (2 jam pelajaran)
Langkah langkah Praktikum
1. Tambahkanlah elemen shoutoutbox, jam, dan RSS pada blog
2. Cari dan daftarkanlah diri pada situs layanan aplikasi shoutoutbox, jam, dan RSS
3. Log-in pada blog pribadi
4. Masukkan elemen jam, shoutoutbox, dan RSS pada blog melalui bagian Tata Letak, Elemen
Halaman dan pilih Tambah Gadget. Kemudian pilih HTML/JavaScript dan masukkan code
yang didapat dari layanan aplikasi jam, shoutoutbox, dan RSS dan simpan perubahan yang
terjadi!
5. Lihat tampilan blog, perhatikan perubahan yang terjadi!
6. Tambahkan link pada blog dengan melakukan perubahan pada Tata Letak, Elemen Halaman,
pilih Tambah Gadget dan pilih Daftar Blog.
7. Pada halaman Konfigurasi Daftar Blog, klik Tambahkan Ke Daftar, ketikkan URL blog pada
kolom yang disediakan dan pilih Tambah. Berikan Judul dan Simpan.
8. Masuklah pada bagian Tata Letak, Elemen Halaman dan pilih Simpan
9. Lihatlah perubahan yang terjadi pada blog dengan meg-klik Lihat Blog.
Latihan Soal
1. Jelaskan langkah-langkah yang harus dilakukan untuk menambahkan aplikasi jam pada blog!
2. Bagaimana proses yang harus dilakukan untuk menambahkan layanan RSS pada blog?
3. Sebutkan proses yang harus dijalankan untuk menempelkan aplikasi shoutoutbox!
4. Jelaskan cara menambahkan link pada halaman blog!
Modul Pembuatan Blog dan Pengelolaanya Page 58
8/8/2019 Modul Blog Erlina Pujiasri 207533408610
59/59
DAFTAR PUSTAKA
1. http://www.blogger.com
2. http://www.yahoo.com
3. Berbagai jenis template yang tersedia pada alamat berikut ini:
http://freetemplates.blogspot.com
http://www.eblogtemplates.com
http://www.finalsense.com
http://www.blogspottemplate.com/
http://www.geckoandfly.com freshbloggertemplates.blogspot.com/
http://www.gosublogger.com/
http://www.giselejaquenod.com
http://template-unik.blogspot.com/
http://www.suckmylolly.com/
http://k2modify.blogspot.com/
bloggero.com
Blogspottutorial
bloggermagz
blogtemplate4u.com
bloggertrick
http://www.blogcrowds.com
http://webbietips.blogspot.com/
http://btemplates.com/
http://blogandweb.com/
http://freeskins.blogspot.com/ http://www.template-godown.com/
http://www.ourblogtemplates.com/
http://layout4all.blogspot.com/
http://x-template.blogspot.com/
templatepanic.com
goblogtemplate.com
butikkita.com
sushidating.com
mashable.com
bloggerbuster
wishix.com
4. http://clocklink.com
5. http://www.shoutoutmix.com
6. http://feedburner.com
7. http://inherent.mercubuana-yogya.ac.id/
8. http://nano2706.blogspot.com/2008/05/memasang-rss.html
9. Mungamar, Amin. 2009.Panduan Singkat Mengelola Weblog di Blogspot Versi 1. e-Book :http://mr-mung.com
10. Adri, Muhammad. 2009. Modul 3: Semiloka Teknologi Informasi dalam ProsesPembelajaran. http://www.ilmukomputer.com
http://www.blogger.com/http://www.blogger.com/http://www.yahoo.com/http://www.yahoo.com/http://freetemplates.blogspot.com/http://freetemplates.blogspot.com/http://www.eblogtemplates.com/http://www.eblogtemplates.com/http://www.finalsense.com/http://www.finalsense.com/http://www.blogspottemplate.com/http://www.blogspottemplate.com/http://www.geckoandfly.com/blogspot-templates/http://www.geckoandfly.com/blogspot-templates/http://freshbloggertemplates.blogspot.com/http://freshbloggertemplates.blogspot.com/http://www.gosublogger.com/http://www.gosublogger.com/http://www.giselejaquenod.com.ar/blog/blogger-templates/http://www.giselejaquenod.com.ar/blog/blogger-templates/http://template-unik.blogspot.com/http://template-unik.blogspot.com/http://www.suckmylolly.com/http://www.suckmylolly.com/http://k2modify.blogspot.com/http://k2modify.blogspot.com/http://bloggero.com/category/blogger-templates/http://bloggero.com/category/blogger-templates/http://www.blogspottutorial.com/http://www.blogspottutorial.com/http://bloggermagz.blogspot.com/http://bloggermagz.blogspot.com/http://www.blogtemplate4u.com/http://www.blogtemplate4u.com/http://bloggertricks.com/2008/05/japanese-fleur-blogger-template-free.htmlhttp://bloggertricks.com/2008/05/japanese-fleur-blogger-template-free.htmlhttp://www.blogcrowds.com/http://www.blogcrowds.com/http://webbietips.blogspot.com/http://webbietips.blogspot.com/http://btemplates.com/http://btemplates.com/http://blogandweb.com/http://blogandweb.com/http://freeskins.blogspot.com/http://freeskins.blogspot.com/http://www.template-godown.com/http://www.template-godown.com/http://www.ourblogtemplates.com/http://www.ourblogtemplates.com/http://layout4all.blogspot.com/http://layout4all.blogspot.com/http://x-template.blogspot.com/http://x-template.blogspot.com/http://www.templatepanic.com/http://www.templatepanic.com/http://goblogtemplate.blogspot.com/http://goblogtemplate.blogspot.com/http://themes.butikkita.com/http://themes.butikkita.com/http://www.sushidating.com/blogspot-templates/http://www.sushidating.com/blogspot-templates/http://mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/http://mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/http://www.bloggerbuster.com/2007/08/blogger-template-downloads.htmlhttp://www.bloggerbuster.com/2007/08/blogger-template-downloads.htmlhttp://www.wishix.com/pages/blogskins.phphttp://www.wishix.com/pages/blogskins.phphttp://clocklink.com/http://clocklink.com/http://www.shoutoutmix.com/http://www.shoutoutmix.com/http://feedburner.com/http://feedburner.com/http://inherent.mercubuana-yogya.ac.id/http://inherent.mercubuana-yogya.ac.id/http://nano2706.blogspot.com/2008/05/memasang-rss.htmlhttp://nano2706.blogspot.com/2008/05/memasang-rss.htmlhttp://mr-mung.com/http://www.ilmukomputer.com/http://www.blogger.com/http://www.yahoo.com/http://freetemplates.blogspot.com/http://www.eblogtemplates.com/http://www.finalsense.com/http://www.blogspottemplate.com/http://www.geckoandfly.com/blogspot-templates/http://freshbloggertemplates.blogspot.com/http://www.gosublogger.com/http://www.giselejaquenod.com.ar/blog/blogger-templates/http://template-unik.blogspot.com/http://www.suckmylolly.com/http://k2modify.blogspot.com/http://bloggero.com/category/blogger-templates/http://www.blogspottutorial.com/http://bloggermagz.blogspot.com/http://www.blogtemplate4u.com/http://bloggertricks.com/2008/05/japanese-fleur-blogger-template-free.htmlhttp://www.blogcrowds.com/http://webbietips.blogspot.com/http://btemplates.com/http://blogandweb.com/http://freeskins.blogspot.com/http://www.template-godown.com/http://www.ourblogtemplates.com/http://layout4all.blogspot.com/http://x-template.blogspot.com/http://www.templatepanic.com/http://goblogtemplate.blogspot.com/http://themes.butikkita.com/http://www.sushidating.com/blogspot-templates/http://mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/http://www.bloggerbuster.com/2007/08/blogger-template-downloads.htmlhttp://www.wishix.com/pages/blogskins.phphttp://clocklink.com/http://www.shoutoutmix.com/http://feedburner.com/http://inherent.mercubuana-yogya.ac.id/http://nano2706.blogspot.com/2008/05/memasang-rss.htmlhttp://mr-mung.com/http://www.ilmukomputer.com/