MODUL WORKSHOP. Ngeblog dengan Blogger.com

Transkripsi

1 MODUL WORKSHOP dengan Blogger.com STIMIK PPKIA Pradnya Paramita Malang Jl.Laksda Adi Sucipto No.249a Blimbing Malang

2 MEMBUAT DAN MEMPUBLIKASIKAN WEBSITE PRIBADI Tujuan : 1. Peserta mampu membuat 2. Peserta blog dan menambahkan asesoris dan utility blog, serta mempublikasikannya Materi : dengan Blogger Alat Bantu : 1. Akun Google 2. Browser Prosedure Workshop : 1. Peserta membaca dan memperlajari materi workshop sebelumnya 2. Instruktur menerangkan dan menjelaskan teori dan cara kerja 3. Peserta mempraktikkan materi percobaan 4. Peserta membuat penyelesaian terhadap soal latihan, tugas dan berhak mendapatkan nilai Teori 1. Sejarah Web Blog Blog diawal kemunculannya dikenal dengan harian elektronik atau diary online. Justin hall adalah salah seorang pioneer dari internet based journalist yang berperan besar dalam perkembangan blog, dia pertama kali membuat diary online di Justin Link from the Underground ketika masih duduk di bangku pendidikan Swarthmore College. Saat itu blog yang dikenal dengan istilah diary online merupakan sebuah website yang berisi kumpulan link yang mengarah pada sebuah halaman website lain untuk dibahas dan dikomentari oleh pemilik diary terkait dengan halaman website yang dicantumkankannya tersebut. Jadi agak jauh berbeda dengan konsep blok yang sekarang ini, yang mempunyai banyak tujuan tidak hanya sebagai diary online. Pada tahun 1997, Jorn Barger yang merupakan seorang programmer pengelola diary online bernama robot wisdom membuat istilah weblog yang diambil dari kata logging the web. Logging mempunyai arti masuk jadi logging the web artinya masuk ke website muncul istilah tersebut dikarenakan pada saat itu di awal perkembangan blog banyak para blogger yang mulai memasuki dunia website. Pada tahun 1998, sudah ada beberapa website yang dikategorikan sebagai sebuah blog. Mengapa sangat sedikit sekali orang yang melakukan aktifitas blogging pada waktu itu? Apakah dunia blogging belum dikenal oleh masyarakat luas? Bukan, hal itu karena pada masa awal perkembangan blog sangat sulit bagi orang awam untuk memiliki sebuah blog layaknya sekarang ini. Seorang blogger paling tidak harus mahir atau memiliki pengetahuan khusus tentang programming, website, html, web hosting, dan file hosting untuk membangun sebuah blog. Sehingga, hanya blogger yang berpengalaman di dunia internet, system administration, atau web designer sajalah yang bisa memiliki blog pribadi. Memasuki tahun 1999, nasib dunia blogging sudah mulai berubah secara signifikan. Karena saat itu muncul blogger.com yang menjadi platform situs penyedia layanan pembuatan blog

3 secara gratis yang diluncurkan pertamakali oleh perusahaan silicon valley bernama Pira lab pada Agustus tahun Pada tahun ini Peter Merholz merubah istilah weblog menjadi wee-blog, hingga akhirnya hanya menjadi blog saja. Pada Tahun 2002, Google mengakuisisi blogger.com dari perusahan pemilik sebelumnya. Akibatnya, blogger.com pun semakin berkembang penyedia jasa pembuatan blog secara online dan gratis yang dilengkapi fitur fitur yang semakin menunjang kemudahan para blogger dalam membuat dan mengembangkan blog pribadi mereka. Banyak penambahan fitur maupun aplikasi aplikasi penunjang yang pada intinya semakin memberikan kemudahan bagi para blogger dalam mengembangkan blog miliknya. Tanpa keahlian khusus pun sekarang kita akan dengan mudah memnuat sebuah blog dalam hitungan menit. Di Indonesia sendiri, awal perkembangan blog dimulai sekitar tahun 2000an. Saat itu blog mulai diperkenalkan oleh para pelajar yang berkuliah diluar negeri yang pulang ke Indonesia dan membawa blog universitas yang dimilikinya sewaktu berkuliah dulu. Mulai tahun 2004, jumlah blogger di Indonesia terus bertambah hingga sekarang ini. ( 2. Panduan bagi Blogger Pemula Manfaat Menjadi seorang penulis hebat Seorang blogger pemula sebagian besar membuat blog berawal dengan adanya rasa iseng dan coba coba untuk mengisi waktu luang. Dengan bergulirnya waktu lama kelamaan seorang blogger tersebut akan menjadi seorang penlis yang baik dikarenakan aktifitasnya sebagai seorang blogger, yaitu blog walking adalah mengunjungi atau membaca halaman blog milik orang lain. Dengan aktifitas blog walking seorang blogger akan banyak membaca dan mengomentari sebuah artikel inspiratif yang ada di blog tersebut. Membantu orang lain Manfaat ngeblog juga bukan sekedar untuk kita sendiri, karena dari blog kita juga bisa membantu orang lain dengan pengetahuan ataupun ilmu yang kita miliki. Membangun kepercayaan Ketika kita bisa membantu sesama melalui blog maka kita akan diberi kepercayaan oleh pembaca blog kita karena telah memberikan informasi akurat yang berguna bagi mereka. Membangun Jaringan Manfaat lain adalah kita bisa dengan mudah membangun jaringan melalui blog. Jika blog kita secara konsisten diisi dengan tulisan-tulisan yang bermanfaat sesuai dengan keahlian kita, maka akan semakin banyak pembaca setia yang rajin mengunjungi blog kita.jika kita sudah punya kepercayaan dan juga jaringan yang luas di internet, maka akan sangat mudah untuk mengembangkan bisnis di internet.

4 Menghasilkan Uang Yang terakhir tentu saja bahwa blog juga bisa menjadi tempat untuk menghasilkan uang Memulai 1. Tentukan tujuan Apakah tujuan ngeblog itu penting? Sangat penting. Jika kita tidak memiliki tujuan maka sudah pasti blog kita nantinya akan tidak jelas arah tujuannya akan kemana, dan kita juga menjadi tidak konsisten dalam mengurus blog kita. itu butuh waktu, tenaga, dan pikiran. Jangan sampai semuanya terbuang sia-sia karena tidak memiliki tujuan yang jelas. 2. Tentukan topik Pilihlah topik yang benar-benar anda minati sesuai dengan hobi atau keahlian. Jika memilih topik yang anda sendiri tidak begitu suka, maka blog anda tidak akan bertahan lama. 3. Pilih layanan ngeblog Banyak sekali layanan yang dapat kita gunakan untuk ngeblog, seperti Blogger.com, WordPress.com, Tumblr.com, dan lain sebagainnya. Semuanya punya kelebihan serta kekurangannya masing - masing. 4. Mulai menulis Jika anda sudah memiliki blog maka yang paling penting adalah mengisi blog tersebut dengan tulisan. Mulailah menulis apa saja yang ingin anda tulis sesuai dengan topik yang sudah tentukan. 5. Mempercantik blog Hal yang sebenernya tidak begitu penting dilakukan oleh blogger pemula tapi tidak ada salahnya kalo dilakukan asal tidak berlebihan. 3. Panduan membuat blog 1. Akun Google yaitu pastikan anda sudah mempunyai google (xxxxx.@gmail.com), dengan cara seperti ini : a. Masuk ke atau b. Setelah itu silahkan mengisi data pada kolom kolom yang sudah disediakan

5 c. Setelah diisi semua dengan lengkap dan data yang benar maka klik tombol Langkah berikutnya dan akan muncul kotak dialog sebagai berikut

6 d. Kemudian aka nada perintah mengisi profil Google+. Klik lain kali e. anda sudah sukses maka untuk login silahkan kunjungi 2. Cara Membuat blog di blogger a. Masuk ke b. Login menggunakan akun google anda

7 c. Jika anda belum membuat profl Google+ maka klik Buat profil Google+ jika sudah maka anda bisa lompat ke langkah berikutnya d. Klik Lanjutkan ke Blogger e. Klik Blog baru untuk membuat blog baru

8 f. Isi detail kolom yang ada setelah selesai klik Buat blog! 3. Cara Posting Artikel a. Pastikan anda sudah login aku Google anda kemudian masuk ke b. Jika sudah klik tombol dengan icon pensil

9 c. Kemudian muncul editor artikel untuk menulis artikel akan terbuka, berikut gambar beserta penjelasannya Keterangan : Angka 1 : Judul postingan Angka 2 : Isi postingan Angka 3 : Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, DLL. Angka 4 : Format postingan. Pilih saja Compose untuk pemula Angka 5 : Label postingan. Angka 6 : Tanggal artikel ditulis Angka 7 : Tautan permanen. Angka 8 : Lokasi sobat saat menulis artikel. Nggak wajib diisi Angka 9 : Beberapa opsi lain yang bisa dipilih Angka 10 : Tombol untuk mempublikasikan artikel sobat Angka 11 : Tombol untuk menyimpan postingan ke Draft Angka 12 : Preview postingan sebelum dipublikasikan d. Setelah memahami menu-menu yang ada pada editor artikel silahkan anda menuliskan artikel sesuai dengan topic yang anda pilih lalu klik tombol publikasikan e. Jika sudah selesai uncuk mengecek tampilan blog anda maka klik tombol lihat blog

10 4. Cara Memasang Widget atau Gadget di Blogger Apa itu widget? Dalam disebut dengan Gadget yaitu merupakan sebuah konten didalam blog selain postingan dari blog itu sendiri. Widget itu biasanya berada di bagian sidebar blog. Widget di dalam blog bisa dipasang, dicopot, dan juga bisa dipindah pindah sesuai keinginan. Selain itu Widget ini sifatnya tidak wajib terpasang di blog. Jadi blog tidak harus dipasangin widget. Cara memasang Widget pada blogger seperti berikut : a. Pastikan login akun google. b. Setelah itu masuk menu Tata letak c. Kemudian klik tombol tambahkan Gadget

11 d. Di blogger sudah disediakan beberapa Widget yang siap untuk dipasang. Tidak wajib semua dipasang, pasang yang seperlunya saja. Widget apa saja yang perlu dipasang di blog? Kebanyakan blogger pemula biasanya terlalu berlebihan dalam mamasang widget di blogger. Mereka menganggap kalau semakin banyak widget yang terpasang di blog maka akan semakin keren karena blognya akan terlihat ramai. Padahal kenyataan sebenernya adalah sebalikanya. Semakin sedikit widget yang terpasang di blog maka akan semakin bagus. Alasannya karena jika memasang terlalu banyak widget akan membuat bingung pengunjung, selain itu juga akan membuat loading blog semakin lama. Berikut ini adalah beberapa widget rekomendasi yang sebaiknya dipasang di blog: Widget Entri Populer Widget Label Widget Arsip Widget Profil Selain widget-widget tersebut, ada satu lagi widget yang cukup sering digunakan di blogger, yaitu widget HTML/JavaScript. Fungsi widget ini untuk menambahkan widget menggunakan kode HTML dan juga JavaScript. Umumnya digunakan untuk memasang widget pihak ketiga (widget bukan dari blogger.com) dan juga untuk memasang banner iklan.

12 5. Menu Menu Dasar blogger a. Tombol entri baru yaitu tombol yang berguna untuk membuat atau postingan artikel baru b. Ikhtiar yaitu berfungsi melihat statistic ringkas blog seperti jumlah pengunjung, jumlah postingan, jumlah komentar yang masuk, jumlah pengikut dll. c. Pos untuk menampilkan daftar semua artikel yang ada di blog anda. d. Laman menu untuk membuat dan menampilkan semua daftar halaman statis yang ada di blog anda. e. Komentar yaitu menu untuk menampilkan semua daftar komentar yang masuk ke blog anda. f. Google + menu untuk mengaitkan Blog dengan Google + g. Statistik menu ini untuk menampilkan statistic lengkap blog anda seperti jumlah pengunjung dan yang lainnya h. Kampanye menu ini untuk anda yang ingin mempromosikan blog anda secara berbayar i. Tata Letak menu ini berfungsi untuk mengatur tata letak blog anda dan juga untuk memasang widget artikel popular, atau widget pengikut. j. Template menu ini berfungsi untuk menggati template atau theme blog anda, dan juga bisa mengedit template anda sendiri. k. Setelan Tempat pengaturan blog anda untuk mengganti judul blog, mengganti alamat, atau mengganti bahasa blog maka menu ini adalah tempatnya. 6. Cara menggati Template Untuk mengganti template di blogger dengan dua cara pilihan, yaitu: 1. Mengganti template dengan template yang sudah disediakan oleh blogger 2. Atau mengganti template dengan template pihak ketiga (download) kemungkinan besar anda akan lebih tertarik dengan pilihan cara yang nomer dua karena lebih variatif.

13 Untuk mencari template yang bervariatif tersebut kita perlu download di mesin pencari, ada banyak sekali penyedia template blogger gratis sampai dengan yang berbayar yang bisa diaplikasikan pada blog anda. File yang anda download biasanya akan berekstensi *.xml atau *.zip, untuk memasang file hasil download tersebut dengan cara mengunzip atau dengan kata lain mengextrak file tersebut Setelah selesai diexstrak maka cari akan terlihat file yang berekstensi *.xml, masuk ke Masuk ke dashboard blog sobat, klik menu Template

14 Kemudian klik tombol cadangkan / pulihkan Backup dulu template yang sedang dipakai dengan cara menekan tombol unduh template lengkap Kalau template sudah dibackup, selanjutnya klik choose file dan pilih template yang baru (hasil download) yang akan diaplikasikan ke blog anda, kemudian klik tombol unggah cek blog anda untuk memastikan template terpasang dengan baik.

15 7. Cara membuat Halaman Statis Halaman statis atau di blogger disebut sebagai Laman pada dasarnya hampir mirip seperti pos, hanya saja memiliki perbedaan dan fungsi tersendiri. Salah satu contoh sederhana penggunaan fitur laman ini adalah untuk membuat halaman seperti Tentang Saya, Kontak Saya, Disclaimer, DLL. Berikut adalah beberapa perbedaan mendasar antara Pos dan Laman: Pos Ditampilkan di halaman depan blog Diarsipkan berdasarkan tanggal publish Memiliki label, tanggal publish dan author Dikhususkan untuk konten yang sering diupdate Menggunakan format URL permalink seperti ini: Laman Secara default tidak ditampilkan di halaman depan blog Tidak diarsipkan berdasarkan tanggal publish Tidak memiliki label, tanggal publish dan author Dikhususkan untuk konten yang jarang diupdate Menggunakan format URL permalink seperti ini: Cara membuat halaman statis : untuk membuat laman ini prosesnya hampir sama dengan posting artikel di blogger. Berikut ini adalah langkah-langkahnya: a. Masuk dashboard blog anda. b. Klik menu Laman

16 c. kemudian Laman Baru d. Kemudian isi Judul dan juga Konten untuk halaman statis blog anda e. Jika sudah selesai, selanjutnya tinggal klik saja tombol Publikasikan Cara menampilkan link halaman statis di blog Seperti yang sudah disebutkan sebelumnya, laman di blogger secara default tidak ditampilkan di blog. Selain itu tidak ada link yang bisa diklik supaya bisa mengarah ke halaman statis yang sudah dibuat. Untuk menampilkan link laman tersebut sobat bisa menggunakan Widget Laman, atau bisa juga secara manual dengan kode HTML yang dipasang di dalam template. 1. Menggunakan widget laman Cara pertama yang bisa sobat lakukan adalah dengan menggunakan widget laman. Berikut ini adalah langkah-langkahnya: a. Masuk ke menu Tata Letak

17 b. Klik tambahkan Gadget c. Pilih Widget Laman

18 d. Centang halaman statis yang ingin anda tampilkan Terakhir klik tombol Simpan 2. Menggunakan Kode HTML Selain menggunakan widget laman, juga ada fitur untuk menampilkan link laman dengan menggunakan kode HTML yang diletakan di dalam template. Jika anda menggunakan template pihak ketiga (dwnload), maka kemungkinan besar template tersebut sudah memiliki fitur menu navigasi. Artinya anda bisa menggunakan menu navigasi tersebut untuk menampilkan laman. Jadi anda hanya perlu mengedit URL link saja. Berikut ini adalah contoh langkah-langkah memasang link laman pada menu navigasi template : a. Masuk ke menu Template b. Klik Edit HTML c. Cari kode yang kurang lebih seperti ini: <li><a class='active' href='/'>home</a></li> <li><a href='#'>menu</a></li> <li><a href='#'>menu 1</a></li> <li><a href='#'>menu 2</a></li> <li><a href='#'>menu 3</a></li>

19 Setelah itu tinggal ganti tanda pagar dengan URL laman dan ganti tulisan Menu sesuai dengan keinginan. Note: Untuk mengetahui URL laman anda bisa melihatnya melalui menu laman di dashboard blogger Kurang lebih nanti kodenya menjadi seperti ini: <li><a class='active' href='/'>home</a></li> <li><a href=' laman1.html'>tentang</a></li> <li><a href=' <li><a href=' Privasi</a></li> <li><a href=' Jika sudah klik Simpan template 8. Cara menggati Favicon Salah satu hal kecil yang bisa dilakukan untuk membuat blog sobat sedikit lebih keren adalah dengan mengganti Favicon di blog sobat. Apa itu Favicon? Favicon adalah singkatan dari Favorite Icon yaitu sebuah gambar icon yang muncul pada address bar suatu website. Favicon bisa disebut juga sebagai shortcut icon, website icon, URL icon, atau bookmark icon.

20 Secara default jika anda membuat blog di blogger, blog anda akan memiliki favicon berupa logo Blogger. Untuk membuat blog anda bisa menampilkan ciri khas (identitas) si pembuat blog maka favicon bisa diganti sesuai dengan keinginan pembuat blog. Berikut adalah caranya: a. Pertama anda harus menyiapkan terlebih dahulu sebuah gambar persegi dengan ukuran tidak lebih dari 100KB. Format gambar bisa apa saja,.jpg,.png, atau.ico. Anda bisa membuat gambar tersebut secara manual menggunakan software seperti photoshop atau GIMP. Selain itu bisa juga menggunakan Favicon Generator. b. Jika gambarnya sudah siap, sekarang login ke blogger.com > Masuk ke menu Tata Letak Klik Edit pada bagian Favicon:

21 c.. Klik Choose File dan pilih gambar favicon yang sudah anda buat d. Setelah itu klik tombol Simpan Setelah anda berhasil memasang favicon di blog, kemungkinan saat cek blog anda, faviconnya masih tetap berupa logo blogger. Hal tersebut wajar karena pengaruh Cache browser. 9. Cara mengganti blog dengan judul logo Secara default judul blog di blogger hanya berupa text biasa, nah agar terlihat lebih menarik sobat bisa menggantinya dengan gambar logo. Berikut adalah langkah-langkah cara mengganti judul blog sobat dengan gambar logo: a. Pertama anda harus membuat terlebih dahulu sebuah gambar logo untuk dijadikan sebagai judul. Silakan bisa gunakan software seperti Photoshop atau GIMP. b. Login dulu ke dasbor blog anda. c. Setelah itu masuk ke menu Tata Letak

22 d. Klik Edit pada bagian blog judul e. Selanjutnya tinggal ikuti petunjuk sesuai gambar di bawah ini: f. Pilih file gambar logo di komputer anda g. Pilih Selain judul dan keterangan h. Klik Simpan

23 10. Cara menggati blogspot.com dengan domain sendiri Di bawah ini adalah tutorial cara mengganti subdomain.blogspot.com dengan domain sendiri atau dalam bahasa kerennya Custom Domain di Blogger. Kenapa harus pake domain sendiri? Sebenarnya tidak masalah kalau alamat blog anda menggunakan subdomain blogspot.com, tapi jika anda ingin serius ngeblog, maka saya sangat merekomedasikan untuk menggunakan domain sendiri. Kenapa? Karena: Alamat blog sobat jadi lebih pendek Pastinya jadi lebih mudah diingat Lebih terlihat profesional dan tidak pasaran Sobat bakalan lebih serius dalam mengurus blog sobat Suatu saat bisa dipindahkan ke WordPress tanpa harus kehilangan pengunjung dan lain-lain. Mendaftar domain di rumahweb.com Hal pertama yang perlu sobat lakukan untuk mengganti alamat blog sobat dengan domain sendiri adalah mendaftar domain di penyedia nama domain. Rumahweb.com adalah rekomendasi saya sebagai tempat mendaftar domain karena sudah sangat terpercaya. Gimana cara daftarnya? Langkah #1 Masuk ke Langkah #2 Silakan sobat cek ketersediaan nama domain yang sobat inginkan

24 Keterangan: 1. Nama domain yang anda inginkan 2. Ekstensi domain. Rekomendasi gunakan.com, tapi dalam hal ini saya pilih MY.ID karena lebih murah 3. Klik Cek Domain Langkah #3 Jika domain tersedia, klik tombol Pesan Langkah #4 Klik aja Lanjutkan Langkah #5 Klik Lanjutkan lagi

25 Langkah #6 Pada halaman selanjutnya sobat ditawarkan untuk menyewa Web Hosting, klik aja Saya tidak membutuhkan hosting karena di blogger cuma butuh domain aja.

26 Langkah #7 Klik Lanjutkan aja lagi Langkah #8 Klik Check Out

27 Langkah #9 Jika sobat baru menggunakan layanan rumahweb.com, silakan buat akun baru dengan mengklik Buat Akun Baru. Karena saya sudah punya akun di rumahweb, jadi cuma login aja. Langkah #10 Pilih metode pembayaran Langkah #11 Lakukan pembayaran Langkah #12 Konfirmasi pembayaran Langakh #13 Domain sudah sukses menjadi milik sobat. Kurang lebih seperti itulah proses mendaftar domain di rumahweb.com. Jika sobat merasa bingung dan nggak yakin, sobat bisa tanya langsung ke Customer Support rumahweb.com. Memasang domain di blog Jika sobat sudah berhasil mendaftarkan nama domain, langkah berikutnya tentu saja memasangnya di blog agar domainnya bisa diakses. Langsung saja disimak langkah-langkahnya: Langkah #1 Masuk dulu ke Dasbor blog sobat

28 Langkah #2 Masuk ke menu Setelan > Dasar setelah itu klik + Siapkan URL pihak ke-3 untuk blog Anda Langkah #3 Masukan nama domain sobat (jangan lupa gunakan www) setelah itu klik Simpan Langkah #4 Sekarang di situ akan muncul peringatan Kesalahan. Jangan khawatir karena langkahnya masih belum selesai. Yang perlu sobat lakukan adalah mencatat 4 kode yang ada di situ untuk kita pasang nanti pada pengaturan DNS domain.

29 Langkah #5 Selanjutnya login ke untuk mengatur DNS domain. Langkah #6 Masuk ke menu Domains > Domainku Langkah #7 Klik Manage Domain

30 Langkah #8 Masuk ke Management Tools > Manage DNS Langkah #9 Klik Add New Record Langkah #10 Pada langkah ini sobat perlu memasukan kode yang sudah diberikan oleh blogger pada langkah #4. Biar mudah ikuti saja sesuai pada gambar di bawah:

31 Keterangan : 1. Domain : Masukan kode Nama (sesuai pada langkah #4) 2. TTL : Biarin aja seperti itu (14400) 3. Record Type : Pilih CNAME 4. Hostname : Masukan kode Tujuan (sesuai pada langkah #4) Jika sudah, klik aja Add Record Sekarang kita perlu memasukan dua kode lagi. Tinggal ulangi seperti gambar di atas: Keterangan : 1. Domain : Masukan kode Nama (sesuai pada langkah #4) 2. TTL : Biarin aja seperti itu (14400)

32 3. Record Type : Pilih CNAME 4. Hostname : Masukan kode Tujuan (sesuai pada langkah #4) Jika sudah, klik lagi tombol Add Record Langkah #11 Setelah itu sobat masih perlu memasukan pengaturan DNS Zone Records tambahan. Biar mudah ikuti saja sesuai pada gambar di bawah: Keterangan : 1. Domain : Kosongin 2. TTL : Biarin aja seperti itu (14400) 3. Record Type : Pilih A 4. IP or Hostname : Masukan Jika sudah, klik lagi tombol Add Record Selanjutnya ulangi langkah seperti gambar di atas sebanyak 3 kali dengan memasukan IP or Hostname: Langkah #12 Balik lagi ke Tab Setelan di blogger, setelah itu tinggal klik Simpan

33 Langkah #13 Jika semua langkah di atas diikuti dengan benar, seharusnya domain sobat sudah sukses terpasang. Langkah #14 Supaya domainnya bisa diakses tanpa www, jangan lupa centang pada bagian Alihkan namadomain.com ke : Langkah #15 Selesai