LEMBAGA PENGABDIAN KEPADA MASYARAKAT UNDIKSHA Universitas Pendidikan Ganesha Panduan Pengoperasian blog akademis Dosen UNDIKSHA Blog Akademis Dosen http://blog.undiksha.ac.id Dalam rangka program Penerapan IPTEKS Pengabdian Kepada Masyarakat “PENERAPAN DAN PELATIHAN PENGOPERASIAN BLOG AKADEMIS BAGI DOSEN UNDIKSHA” Anggota Tim : I Ketut Resika Arthana, S.T., M.Kom, I Made Agus Wirawan, S.Kom, M.Cs, I Dewa Gede Budi Utama, S.Pd. UNDIKSHA 2015 DAFTAR ISI A. Masuk ke Dashboard Blog ............................................................................................................. 2 B. Mengatur Tampilan Blog ............................................................................................................... 5 B1. Mengubah Judul dan Tagline blog .............................................................................................. 5 B2. Mengubah Nama dan Foto pada halaman depan ....................................................................... 6 B3. Mengubah Gambar Slider ........................................................................................................... 9 B3. Tampilan ................................................................................................................................... 11 B4. Mengelola fasilitas/aksesoris blog (widget) .............................................................................. 20 C. Mengubah Resume (Curriculum Vitae) ....................................................................................... 22 D. Membuat Post ............................................................................................................................ 23 D1. Membuat Tulisan (Add New Post) ............................................................................................ 23 D2. Membuat Kategori (Categories) ............................................................................................. 24 D.3. Membuat Penanda (Tags)...................................................................................................... 25 D4. Membuat Halaman (Page) ...................................................................................................... 26 1 A. Masuk ke Dashboard Blog 1. Cek Email, buka email dari tim blog UNDIKSHA Contoh alamat email yang diterima : Pada email di atas terdapat informasi username, password, serta alamat login admin blog Username : resikaundiksha Password : sesuaiPassword Alamat Admin Blog : http://blog.undiksha.ac.id/resika-arthana/wp-login.php Alamat Blog http://blog.undiksha.ac.id/resika-arthana 2. Klik link Admin blog (http://blog.undiksha.ac.id/resika-arthana/wp-login.php) untuk mulai manajemen blog. Masukkan Username dan Password lalu tekan tombol login. Setelah itu otomatis masuk ke halaman Dashboard 3. Berikut tampilan Dashboard Blog 2 Penjelasan singkat menu pada sisi kiri 3 4. Untuk melihat tampilan blog, klik nama blog pada bagian atas, kemudian visit site. Berikut tampilan blog pada saat pertama kali dibuka 4 B. Mengatur Tampilan Blog Tampilan blog di atas adalah tampilan blog bawaan yang berisi data dummy(contoh). Data tersebut harus diubah untuk disesuaikan dengan data masingmasing pemilik Blog. B1. Mengubah Judul dan Tagline blog 1. Masuk ke dashboard 2. Klik Setting, Klik General 3. Ubah Site Title dan TagLine sesuai keinginan, lalu tekan tombol Save Changes pada bagian bawah 5 B2. Mengubah Nama dan Foto pada halaman depan 1. Upload foto melalui menu media. Klik Media pilih Add New 2. Klik Select Files, lalu pilih filenya dan tekan klik tombol Open 6 3. Klik Edit pada samping foto yang baru saja di upload 4. Pada bagian kanan, klik 2 kali pada nama file (untuk memblok nama file) lalu klik kanan pilih copy 5. Pada Menu Kanan, pilih menu APPEARANCE, lalu WIDGETS 6. Pada bagian kanan, pilih TEXT : Nama Dosen 7 7. Ubah nama dosen 8. Untuk mengubah foto, ganti tulisan dari http sampai png dengan link yang sudah di copy tadi. Blok tulisan ini Paste link sebelumnya, sehingga menjadi seperti ini. 9. Tekan Tombol Save 10. Buka kembali tampilan blognya, refresh untuk melihat perubahannya 8 B3. Mengubah Gambar Slider Secara bawan, terdapat lima gambar pada slider. 9 1. Klik Custom Slider - Custom Slider 2. Klik Slide 3. Klik Add New Slide 4. Klik select file, lalu pilih gambar yang ingin digunakan sebagai slider 5. Klik Use Image 6. Ulangi langkah diatas untuk menambah gambar yang lain 10 7. Jika sudah selesai, tekan tombol Update (pada bagian kanan) B3. Tampilan 1. Pengaturan Tampilan Halaman Blog a. Mengganti tema (theme) 1. Pilih menu Appearance Themes, selanjutnya akan template beberapa pilihan theme. Untuk melihat tampilan template klik tombol Live Preview, klik tombol Active untuk memilih dan mengaktifkan theme pada halaman blog seperti pada Gambar berikut. 2. Ketik url blog.undiksha.ac.id/username pada browser untuk melihat tampilan blog atau dapat juga dengan memilih menu visit site. b. Pengaturan tema (theme) 1. Pilih menu Appearance Customize, ketik judul dan sub judul (tagline) pada blog, misalkan seperti pada Gambar 8 berikut. 11 2. Klik tombol Save & Publish untuk menyimpan pengaturan. 3. Pengaturan tema lanjutan dapat dilakukan dengan cara memilih menu nama tema pada menu dashboard yang akan secara otomotis mucul setelah mengaktifkan tema. 4. Misalkan pada contoh adalah tema Sahifa, pilih menu sahifa selanjutkan klik Sahifa Setting, maka akan muncul pengaturan seperti pada Gambar 9 berikut. 12 5. Lakukan pengaturan pada homepage, header, archive, article, sidebars, footer, slider, ads, styling, typography, dan social networking sesuai dengan keinginan. Klik tombol Save Changes untuk menyimpan pengaturan. Untuk melihat tampilan blog kembali pilih menu visit site. General Setting Pengaturan ini bertujuan untuk mengubah Favicon, Gravatar, apple icon dengan cara upload file gambar yang digunakan. Untuk mengubah header dan footer pada pengaturan ini dilakukan dengan mengisi teks yang diinginkan pada kolom header maupun footer, pada pengaturan ini bisa ditetapkan format defaultnya seperti pada Gambar berikut. 13 Homepage Pada pengaturan homepage displays pilih Latest posts – Blog Layout seperti Gambar berikut. 14 Header Pada pengaturan Header, pilih Display Site Tittle untuk menampilkan judul blog pada header, pilih Custom Image Logo jika ingin menggunakan gambar logo. Lakukan pengaturan lain seperti mengaktifkan Stick The Navigation menu. Selanjutnya, aktifkan fasilitas Breaking News dengan cara mengaktifkan pilihan Enable kemudian lakukan pengaturan sesuai keinginan Breaking News Title, Animation Effect, Breaking News Query Type, dan yang lainnya seperti Gambar berikut. Archive Pada pengaturan archive, pilihan display pilih Expert + Featured Image. Untuk pengaturan lainnya bisa disesuaikan dengan keinginan seperti yang terlihat pada Gambar berikut. 15 Article Pengaturan article dapat disesuaikan sesuai keinginan seperti pada Gambar beriikut. 16 Sidebars Sidebar yaitu layout yang akan digunakan pada blog seperti pada Gambar berikut. Footer Pengaturan footer dapat disesuaikan seperti pada Gambar 16 berikut. Gambar 16. Pengaturan Tema (Theme) Footer 17 Slider Untuk membuat slider dapat dilakukan pengaturan seperti pada Gambar 17 berikut. Sebelumnya, buatlah custom slider pada menu dashboard Custom Sliders. Gambar 18. Pengaturan Tema (Theme) Slider Ads Ads adalah pengaturan untuk banner atau iklan, pada pengaturan ini biarkan sesuai format defaultnya. Styling Pengaturan ini berfungsi untuk memilih warna tema dan background pada tampilan blog seperti pada Gambar berikut. 18 Gambar Pengaturan Tema (Theme) Styling Typography Typography adalah pengaturan untuk jenis font, pada pengaturan ini dapat digunakan sesuai format defaultnya. Social Networking Pengaturan Social Networking adalah pengaturan untuk social media, pada pengaturan ini ketikkan url seperti facebook, twitter, Google+, dan yang lainnya. Advanced Pengaturan advance adalah pengaturan tingkat lanjut, pengaturan ini dapat digunakan sesuai format defaultnya. 19 pada B4. Mengelola fasilitas/aksesoris blog (widget) 1. Pilih menu Appearance Widgets, akan tampil halaman seperti pada Gambar berikut. Gambar Pengatuaran Widget 2. Available widget adalah widget yang dapat ditambahkan ke halaman blog dengan cara drag and drop ke Primary Widget Area. Untuk menghapus widget yang tidak diinginkan dilakukan dengan cara klik widget yang akan dihapus, pilih tombol delete seperti yang terlihat pada Gambar di atas. d. Mengelola Menu 1. Pilih menu Appearance Menu, akan tampil halaman untuk membuat menu. Tuliskan nama menu di kolom Menu Name, selanjutnya klik tombol create seperti pada Gambar berikut. Gambar Membuat Menu Blog 2. Pilih kategori, link, dan page yang akan dijadikan menu pada halaman blog. Centang kategori kemudian pilih Add to Menu. Pada menu structure akan terlihat kategori, link, atau page yang dipilih. Gambar 22 berikut adalah tampilan dalam membuat menu. 20 Gambar. Membuat Menu 3. Untuk membuat submenu dilakukan dengan cara menggeser menu yang akan dijadikan submenu pada menu structure agak menjorok ke tengah. 4. Pada Menu Setting tentukan posisi menu pada halaman blog, misalkan centang pada pilihan Primary Navigation. 5. Pilih Save Menu untuk menyimpan pengaturan menu. 21 C. Mengubah Resume (Curriculum Vitae) Menu Curriculum Vitae berisi data akademis masing-masing dosen. Saat pertama kali dibuat, data ini masih berisi data Dummy. Untuk itu, data pada CV ini harus diubah. 1. Masuk ke menu Resumes-Resumes 2. Klik Curriculum Vitae NAMA_DOSEN 3. Silakan diubah datanya 4. Klik tombol Update untuk menyimpan 22 D. Membuat Post D1. Membuat Tulisan (Add New Post) 1. Pilih menu Posts Add New Post. Tuliskan judul post dan isi post seperti pada Gambar berikut. 2. Lakukan pengaturan pada Category, Tags, dan Feature Image pada Post, misalkan pada Gambar berikut. 23 3. Pilih dan klik tombol Publish untuk mempublikasikan tulisan pada blog. D2. Membuat Kategori (Categories) Untuk membuat kategori, pilih menu Posts Categories, akan tampil halaman untuk membuat kategori. Tuliskan nama kategori dan slug, selanjutnya klik tombol Add New Category untuk menyimpan data kategori seperti pada Gambar 5 berikut. 24 Gambar Membuat Kategori D3. Membuat Penanda (Tags) Untuk membuat kategori, pilih menu Posts Tags, akan tampil halaman untuk membuat tags. Tuliskan nama tags, slug, dan deskripsi. Selanjutnya klik tombol Add New Tag untuk menyimpan data tag seperti pada Gambar berikut. 25 Gambar Membuat Tags D4. Membuat Halaman (Page) Membuat halaman hampir sama dengan membuat Post. Pilih menu Pages Add New. Tuliskan judul halaman dan konten halaman. Selanjutnya klik Publish untuk menampilkan ke halaman blog. 26