Catatan
Buku panduan ini merupakan buku panduan yang saya tulis ketikan melakukan kegiatan Kuliah Kerja Nyata (KKN) di Desa Gumbrih Jembrana, Bali, ketika saya masih mahasiswa S1 di Universitas Udayana antara tahun 2013 - 2014 (saya lupa). Salah satu kontribusi kami adalah membuat buku panduan bagi Desa Gumbrih untuk mengurusi blognya yang pada saat itu menjadi website utama. Ceritanya, tim KKN sebelum kami, mengkontribusikan pembuatan blog Desa Gumbrih karena salah satu potensi Desa Gumbrih adalah obyek wisatanya dan untuk menarik lebih banyak turis dapat dilakukan dengan mempromosi obyek wisata Desa Gumbrih melalui website. Tetapi tim KKN sebelumnya hanya dapat melakukan sampai disitu saja, sehingga belum diserahterimakan ke Desa Gumbrih. Oleh karena itu, tujuan tim KKN kami adalah membuat buku panduan mengurus website Desa Gumbrih pada saat itu dan penyerahkan kepengurusannya ke Desa Gumbrih. Namun setelah saya kembali lagi hari ini saya tidak lagi dapat menemukan website Gumbrih tersebut, antara sudah tidak diurusi lagi sehingga dihapus atau pinda ke website lain contohnya saya temukan http://desagumbrihpekutatan.blogspot.com/. Jika ada yang mengetahui perkembangan website Desa Gumbrih terkini, silahkan beri komentar. Jadi buku panduan ini sekarang hanya berguna sebagai tutorial Blogger atau Blogspot. Pada akhirnya, tulisan ini ditunjukkan bagi yang sama sekali tidak pernah blogging tetapi ingin mengetahuinya dan mencoba, dan bagi yang ingin mengetahui apa yang saya kontribusikan pada saat KKN dulu.
1. Akses Blog Gumbrih
Desa Gumbrih telah memiliki website di www.desagumbrih.com dapat diakses di blogger.com dengan akun google username : *** dengan password : ***.
Gambar 1. Tampak halaman web desa gumbrih
Gambar 2. Login lewat Google 1
Gambar 3. Login lewat Google 2
Gambar 4. Memasuki blogger 1
Gambar 5. Memasuki blogger 2
Gambar 6. Memasuki blogger 3
2. Update Berita
Update berita dapat dilakukan pada bagian post. Pada bagian ini dapat diisikan tulisan gambar dan sebagainya, yang akan langsung tampil dihalaman depan sehingga cocok untuk berita terkini dan sejenisnya. Alamat post dapat dimodifikasi dengan menggunakan fitur permalink.
Gambar 7. Pembuatan post baru
Gambar 8. Pembuatan tulisan pada post
Gambar 9. Penambahan gambar pada post
Gambar 10. Pemilihan gambar untuk post
Gambar 11. Penguploadan gambar pada post
Gambar 12. Pengaturan alamat post pada permalink
Gambar 13. Tampilan halaman depan setelah posting
Gambar 14. Pengeditan suatu post 1
Gambar 15. Pengeditan suatu post 2
Gambar 16. Tampilan post di halaman setelah pengeditan
3. Menambah Menu
Dulu untuk menambah menu dilakukan modifikasi coding html pada bagian template tetapi sekarang tidak apakah sudah ada template yang dapat memodifikasi menu dengan cara lebih mudah.
Gambar 17. Menu yang telah ada
Gambar 18. Modifikasi menu melalui template edit html
Gambar 19. Mencari kata kunci wisata air (menu) pada kode html
Gambar 20. Penambahan menu dilakukan setelah menu terakhir
Gambar 21. Penambahan menu test link
Gambar 22. Ditambahnya menu test link pada halaman web
Gambar 23. Penglihatan alamat dari post desa gumbrih test 1
Gambar 24. Penglihatan alamat dari post desa gumbrih test 2
Gambar 25. Penambahan menu test link baru 1
Gambar 26. Penambahan menu test link baru 2
Gambar 27. Backup kode html
Gambar 28. Backup kode html ke wordpad 1
Gambar 29. Backup kode html ke wordpad 2
Gambar 30. Penambahan menu test link 2
Gambar 31. Menu test link 2 di halaman web
Gambar 32. Penambahan menu test link 3 pada menu test link 2
Gambar 33. Menu test link 3 pada halaman web
Gambar 34. Pengembalian template seperti semula
Gambar 35. Pengcopyan backup ke kode html template
Gambar 36. Menu terlihat kembali seperti saat belum dibackup
4. Page dan Papan Khusus
Secara penggunaan perbedaan post dengan page adalah post akan langsung tampil di halaman depan cocok berita terkini, sedangkan page tidak akan tampil di halaman depan. Untuk membuat papan khusus, contohnya papan pengumuman pada website menggunakan fitur label. Pada papan ini terdiri dari beberapa post.
Gambar 37. Penambahan blank page
Gambar 38. Publikasi page
Gambar 39. Penglihatan test page
Gambar 40. Alamat dari page
Gambar 41. Terlihat page tidak tampil pada halaman depan
Gambar 42. Penambahan menu test page
Gambar 43. Penambahan label pengumuman pada suatu post
Gambar 44. Label pengumuman
Gambar 45. Alamat halaman pengumuman
Gambar 46. Pemasangan menu pengumuman
Gambar 47. Pemberian label pengumuman pada post baru
Gambar 48. Tampilan halaman pengumuman 1
Gambar 49. Tampilan halaman pengumuman 2
5. Slider
Gambar 50. Edit galeri foto
Gambar 51. Penambahan foto pada galeri foto
Gambar 52. Publikasi galeri foto
Gambar 53. Penglihatan galeri foto
Gambar 54. Pengcopyan alamat gambar
Gambar 55. Pemasukan alamat gambar ke slider
Gambar 56. Kode html slider
Gambar 57. Gambar tambahan pada slider
Mirrors
