October 19, 2020

Buku Panduan Blogger Dulu Saat KKN Adalah Buku Panduan Update Website Desa Gumbrih

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 : *****.

Tampak halaman web desa gumbrih
Gambar 1. Tampak halaman web desa gumbrih
Login lewat Google 1
Gambar 2. Login lewat Google 1
Login lewat Google 2
Gambar 3. Login lewat Google 2
Memasuki blogger 1
Gambar 4. Memasuki blogger 1
Memasuki blogger 2
Gambar 5. Memasuki blogger 2
Memasuki blogger 3
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.

Pembuatan post baru
Gambar 7. Pembuatan post baru
Pembuatan tulisan pada post
Gambar 8. Pembuatan tulisan pada post
Penambahan gambar pada post
Gambar 9. Penambahan gambar pada post
Pemilihan gambar untuk post
Gambar 10. Pemilihan gambar untuk post
Penguploadan gambar pada post
Gambar 11. Penguploadan gambar pada post
Pengaturan alamat post pada permalink
Gambar 12. Pengaturan alamat post pada permalink
Tampilan halaman depan setelah posting
Gambar 13. Tampilan halaman depan setelah posting
Pengeditan suatu post 1
Gambar 14. Pengeditan suatu post 1
Pengeditan suatu post 2
Gambar 15. Pengeditan suatu post 2
Tampilan post di halaman setelah pengeditan
Gambar 16. Tampilan post di halaman setelah pengeditan

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.

Menu yang telah ada
Gambar 17. Menu yang telah ada
Modifikasi menu melalui template edit html
Gambar 18. Modifikasi menu melalui template edit html
Mencari kata kunci wisata air (menu) pada kode html
Gambar 19. Mencari kata kunci wisata air (menu) pada kode html
Penambahan menu dilakukan setelah menu terakhir
Gambar 20. Penambahan menu dilakukan setelah menu terakhir
Penambahan menu test link
Gambar 21. Penambahan menu test link
Ditambahnya menu test link pada halaman web
Gambar 22. Ditambahnya menu test link pada halaman web
Penglihatan alamat dari post desa gumbrih test 1
Gambar 23. Penglihatan alamat dari post desa gumbrih test 1
Penglihatan alamat dari post desa gumbrih test 2
Gambar 24. Penglihatan alamat dari post desa gumbrih test 2
Penambahan menu test link baru 1
Gambar 25. Penambahan menu test link baru 1
Penambahan menu test link baru 2
Gambar 26. Penambahan menu test link baru 2
Backup kode html
Gambar 27. Backup kode html
Backup kode html ke wordpad 1
Gambar 28. Backup kode html ke wordpad 1
Backup kode html ke wordpad 2
Gambar 29. Backup kode html ke wordpad 2
Penambahan menu test link 2
Gambar 30. Penambahan menu test link 2
Menu test link 2 di halaman web
Gambar 31. Menu test link 2 di halaman web
Penambahan menu test link 3 pada menu test link 2
Gambar 32. Penambahan menu test link 3 pada menu test link 2
Menu test link 3 pada halaman web
Gambar 33. Menu test link 3 pada halaman web
Pengembalian template seperti semula
Gambar 34. Pengembalian template seperti semula
Pengcopyan backup ke kode html template
Gambar 35. Pengcopyan backup ke kode html template
Menu terlihat kembali seperti saat belum dibackup
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.

Penambahan blank page
Gambar 37. Penambahan blank page
Publikasi page
Gambar 38. Publikasi page
Penglihatan test page
Gambar 39. Penglihatan test page
Alamat dari page
Gambar 40. Alamat dari page
Terlihat page tidak tampil pada halaman depan
Gambar 41. Terlihat page tidak tampil pada halaman depan
Penambahan menu test page
Gambar 42. Penambahan menu test page
Penambahan label pengumuman pada suatu post
Gambar 43. Penambahan label pengumuman pada suatu post
Label pengumuman
Gambar 44. Label pengumuman
Alamat halaman pengumuman
Gambar 45. Alamat halaman pengumuman
Pemasangan menu pengumuman
Gambar 46. Pemasangan menu pengumuman
Pemberian label pengumuman pada post baru
Gambar 47. Pemberian label pengumuman pada post baru
Tampilan halaman pengumuman 1
Gambar 48. Tampilan halaman pengumuman 1
Tampilan halaman pengumuman 2
Gambar 49. Tampilan halaman pengumuman 2

5. Slider

Edit galeri foto
Gambar 50. Edit galeri foto
Penambahan foto pada galeri foto
Gambar 51. Penambahan foto pada galeri foto
Publikasi galeri foto
Gambar 52. Publikasi galeri foto
Penglihatan galeri foto
Gambar 53. Penglihatan galeri foto
Pengcopyan alamat gambar
Gambar 54. Pengcopyan alamat gambar
Pemasukan alamat gambar ke slider
Gambar 55. Pemasukan alamat gambar ke slider
Kode html slider
Gambar 56. Kode html slider
Gambar tambahan pada slider
Gambar 57. Gambar tambahan pada slider

Mirrors

No comments:

Post a Comment