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

in indonesian •  4 years ago 

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

converted-10.jpg

Gambar 1. Tampak halaman web desa gumbrih

converted-21.jpg

Gambar 2. Login lewat Google 1

converted-32.jpg

Gambar 3. Login lewat Google 2

converted-43.jpg

Gambar 4. Memasuki blogger 1

converted-52.jpg

Gambar 5. Memasuki blogger 2

converted-53.jpg

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.

converted-54.jpg

Gambar 7. Pembuatan post baru

converted-55.jpg

Gambar 8. Pembuatan tulisan pada post

converted-56.jpg

Gambar 9. Penambahan gambar pada post

converted-0.jpg

Gambar 10. Pemilihan gambar untuk post

converted-1.jpg

Gambar 11. Penguploadan gambar pada post

converted-2.jpg

Gambar 12. Pengaturan alamat post pada permalink

converted-3.jpg

Gambar 13. Tampilan halaman depan setelah posting

converted-4.jpg

Gambar 14. Pengeditan suatu post 1

converted-5.jpg

Gambar 15. Pengeditan suatu post 2

converted-6.jpg

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.

converted-7.jpg

Gambar 17. Menu yang telah ada

converted-8.jpg

Gambar 18. Modifikasi menu melalui template edit html

converted-9.jpg

Gambar 19. Mencari kata kunci wisata air (menu) pada kode html

converted-11.jpg

Gambar 20. Penambahan menu dilakukan setelah menu terakhir

converted-12.jpg

Gambar 21. Penambahan menu test link

converted-13.jpg

Gambar 22. Ditambahnya menu test link pada halaman web

converted-14.jpg

Gambar 23. Penglihatan alamat dari post desa gumbrih test 1

converted-15.jpg

Gambar 24. Penglihatan alamat dari post desa gumbrih test 2

converted-16.jpg

Gambar 25. Penambahan menu test link baru 1

converted-17.jpg

Gambar 26. Penambahan menu test link baru 2

converted-18.jpg

Gambar 27. Backup kode html

converted-19.jpg

Gambar 28. Backup kode html ke wordpad 1

converted-20.jpg

Gambar 29. Backup kode html ke wordpad 2

converted-22.jpg

Gambar 30. Penambahan menu test link 2

converted-23.jpg

Gambar 31. Menu test link 2 di halaman web

converted-24.jpg

Gambar 32. Penambahan menu test link 3 pada menu test link 2

converted-25.jpg

Gambar 33. Menu test link 3 pada halaman web

converted-26.jpg

Gambar 34. Pengembalian template seperti semula

converted-27.jpg

Gambar 35. Pengcopyan backup ke kode html template

converted-28.jpg

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.

converted-29.jpg

Gambar 37. Penambahan blank page

converted-30.jpg

Gambar 38. Publikasi page

converted-31.jpg

Gambar 39. Penglihatan test page

converted-33.jpg

Gambar 40. Alamat dari page

converted-34.jpg

Gambar 41. Terlihat page tidak tampil pada halaman depan

converted-35.jpg

Gambar 42. Penambahan menu test page

converted-36.jpg

Gambar 43. Penambahan label pengumuman pada suatu post

converted-37.jpg

Gambar 44. Label pengumuman

converted-38.jpg

Gambar 45. Alamat halaman pengumuman

converted-39.jpg

Gambar 46. Pemasangan menu pengumuman

converted-40.jpg

Gambar 47. Pemberian label pengumuman pada post baru

converted-41.jpg

Gambar 48. Tampilan halaman pengumuman 1

converted-42.jpg

Gambar 49. Tampilan halaman pengumuman 2

5. Slider

converted-44.jpg

Gambar 50. Edit galeri foto

converted-45.jpg

Gambar 51. Penambahan foto pada galeri foto

converted-46.jpg

Gambar 52. Publikasi galeri foto

converted-47.jpg

Gambar 53. Penglihatan galeri foto

converted-48.jpg

Gambar 54. Pengcopyan alamat gambar

converted-49.jpg

Gambar 55. Pemasukan alamat gambar ke slider

converted-50.jpg

Gambar 56. Kode html slider

converted-51.jpg

Gambar 57. Gambar tambahan pada slider

Mirrors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!