Modul Blog Erlina Pujiasri 207533408610

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-blogspot
  • 8/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.php
  • 8/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&sectionId=sidebar&action=editWidget&widgetType=VideoBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Poll&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=BlogList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=LinkList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=LinkList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=TextList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Feed&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=NewsBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Label&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Label&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Subscribe&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=BloggerButton&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Profile&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Profile&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=VideoBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Poll&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=BlogList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=LinkList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=TextList&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Feed&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=NewsBar&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Label&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Subscribe&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=BloggerButton&referrer=directoryhttp://www.blogger.com/rearrange?blogID=7792083854659625270&sectionId=sidebar&action=editWidget&widgetType=Profile&referrer=directory
  • 8/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/home
  • 8/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.jpg
  • 8/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/