STMIK STIKOM SURABAYA Sekolah Tinggi Manajemen Informatika & Komputer Surabaya Modul Pelatihan Blog Pengembangan Media Online, 2012
Pengenalan Blog 1 Blog adalah kependekan dari WeBlog, istilah yang pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997. Jorn Barger menggunakan istilah WeBlog untuk menyebut kelompok website pribadi yang selalu diperbarui secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar mereka sendiri. Secara garis besar, WeBlog dapat dirangkum sebagai kumpulan tulisan pribadi yang memungkinkan para pembuatnya menampilkan berbagai jenis isi pada web dengan mudah, seperti karya tulis, kumpulan link internet, dokumen-dokumen (file-file Word,PDF,dll), gambar ataupun multimedia. Para penulis Blog dinamakan Blogger. Melalui Blognya, Blogger menjadi mudah dikenali berdasarkan topik apa yang disukai, apa tanggapan terhadap link-link yang dipilih dan isu-isu didalamnya. Oleh karena itu Blog bersifat sangat personal. Blog dosen STIKOM Semakin meningkatnya penggunaan Blog di masyarakat, maka STIKOM juga menyediakan fasilitas Blog. Blog ini dibuat dengan tujuan : 1. Dosen dapat memanfaatkan blog sebagai media komunikasi dan publikasi diri baik pada civitas akademika maupun pada masyarakat 2. Menciptakan dan meningkatkan pemanfaatan teknologi informasi khususnya Internet sebagai pusat sumber belajar. 3. Penghubung antara dosen dan mahasiswa Keuntungan Blog bagi Dosen: 1. Memiliki sarana untuk mengelola dan menyebarkan pengetahuan pada masyarakat (baik melalui tulisan ataupun file riset) 2. Memiliki sarana untuk dapat menuangkan ide-ide dalam dalam bentuk tulisan 3. Secara langsung berfungsi sebagai media publikasi dosen 4. Memudahkan dosen dalam memberikan materi kuliah untuk mahasiswa 5. Interaksi antara dosen dan mahasiswa semakin dekat 1
Memulai Blog 2 Halaman Komunitas Blog Dosen STIKOM Surabaya sudah memiliki Blog untuk civitas dosen yang dapat dijadikan media bagi dosen untuk berinteraksi dengan mahasiswa maupun dengan publik. Alamat Blog dosen dapat diakses pada http://blog.stikom.edu Gambar diatas adalah tampilan dari halaman Blog dosen dimana pada halaman ini terdapat aktifitas masing-masing dosen. Setiap aktifias Blog dosen dapat diamati melalui halaman ini. Aktifitas menambahkan posting, menambahkan komen pada dosen lain, serta apabila dosen ingin berjejaring dengan dosen STIKOM lainnya. Blog Anda (Blog Dosen) Seluruh dosen STIKOM telah disediakan alamat Blog masing-masing. Alamat Blog dosen adalah http://blog.stikom.edu/<nama Blog Anda> Contoh: nama dosen : diah alamat Blog : http://blog.stikom.edu/diah 2
Contoh lain: Nama Dosen : Erwin Alamat Blog : http://blog.stikom.edu/erwin 3
Bagian Bagian pada Blog Header Sidebar Sidebar Blog Post Bagian Bagian pada Header Judul Blog / Blog Title Deskripsi Blog Page 4
Bagian Bagian pada Post Judul Post Tanggal Post Jml Komentar Kategori Tag 5
Bagian Bagian pada Sidebar Post Terbaru Kategori Tag cloud/kumpulan Tag Tag cloud/kumpulan tag atau kumpulan kata kunci adalah tag dari seluruh post yang telah di publikasikan. Setiap tag akan memiliki ukuran font/font size yang berbeda-beda sesuai dengan jumlah post yang mengunakan tag tersebut. Contoh disamping postingan dengan tag SI/TI lebih banyak dari postingan dengan tag social media. 6
Log in Ke Blog Anda Anda dapat masuk atau log in ke Blog Anda melalui beberapa cara, antara lain: 1. Ketik alamat berikut: http://blog.stikom.edu/wp-admin 2. Masuk ke Blog stikom edu, kemudian pilih menu log in di bagian atas. Klik log in 3. Masuk ke Blog stikom Anda, misal http://blog.stikom.edu/rahayu kemudian klik log in di bagian atas. Setelah Anda melakukan salah satu cara tersebut di atas, berikut adalah tampilan halaman log in. Isikan username dan password Anda untuk log in 7
Setelah Anda login, maka akan nampak tampilan Blog yang dimiliki oleh dosen STIKOM. Nama user yang telah log in Kini Anda dapat mulai melakukan pengolahan Blog Anda. Pada menu myblog, pilih dashboard. Nama Blog yang telah log in Tampilan setelah memilih menu dashboard: 8
Tampilan dashboard: 9
Membuat Posting 3 Membuat Posting (Mengunggah Tulisan) Apabila Anda akan menulis ataupun mengunggah sebuah artikel, Anda dapat melakukannya dengan memilih menu Post dan kemudian pilih Add new post. menu Post dan kemudian pilih Add new post 10
Berikut adalah tampilan halaman Add New Post. Tampilan Toolbar utk membantu format Isikan judul tulisan/artikel dan Anda dapat langsung menulis pada box dibawahnya. Tekan tombol di sisi kanan: - Pilih Publish jika Anda telah selesai dan ingin langung mempublikasikan tulisan Anda. - Pilih Save Draft jika Anda ingin membuatnya dalam bentuk draft terlebih dahulu. Anda dapat melihat hasil sementara tulisan Anda dengan menekan tombol Preview. Isikan judul artikel: Contoh: Ini Judul Button Save draft Button Preview Button Publish 11
Tampilan Blog Anda setelah dipublikasikan. Mengatasi Isi Blog yang Terlalu Panjang Apabila yang ingin Anda tampilkan pada halaman Blog tidak terlalu panjang (more/continue reading model), Anda dapat memotongnya dengan memberikan tanda Insert More Tag pada akhir kata yang akan Anda potong. Klik Button Insert More Tag Tanda pemotongan kata 12
Hasil tampilan setelah dipublikasikan. Continue reading 13
Membuat Page 4 Modul Pelatihan Blog Pengembangan Media Online, 2012 Langkah-langkah Membuat Page/Halaman Untuk menambah page baru, maka Anda dapat melakukan langkah-langkah: Klik Page Pilih Add New Ketik Judul/Nama page Ketik isi page Klik Publish jika sudah selesai. Ketik Judul/Nama halaman Tulis isi halaman disini Publish/Tampilkan jika sudah selesai 14
Membuat Page Bertingkat/Page dengan Menu Drop Down Lankah-langkah membuat page bertingkat: 1. Membuat nama page pertama atau page yang muncul pada halaman utama. Selanjutnya page ini akan kita sebut sebagai parent page. 2. Klik Publish jika sudah selesai membuat judul parent page. Contoh kita membuat parent page dengan nama: Program Studi Ketik Judul/Nama untuk parent page 15
3. Selanjutnya membuat subpage atau page yang berada di bawah parent page. Membuat subpage sama dengan membuat page biasa, Klik add new, tulis judul subpage, dan kemudian kita harus memilih nama parent page yang akan kita gunakan. (lihat Property Page Parent di dalam Page Attribute ). Kemudian Klik publish jika sudah selesai. Nama Sub Page Page Attribute Pilih parent page pada combo box ini sehingga page yang kita buat akan menjadi sub Page dari Parent Page yang kita pilih 16
Mengganti Themes 5 Desain Tema/Theme Blog merupakan hal yang penting dalam sebuah Blog. Hal ini karena desain yang menarik akan membuat pembaca lain lebih nyaman dan senang mengunjungi sebuah Blog. Anda dapat mengganti Theme Blog Anda dengan desain yang sudah disediakan. Banyak Theme yang dapat dapat Anda pilih. Beberapa (tidak semua) Theme juga menyediakan fasilitas kustomisasi untuk mengubah header dengan gambar pilihan Anda sesuai ukuran yang telah ditentukan. Untuk menyesuaikan ukuran gambar, Anda dapat mengubah gambar dengan program aplikasi Adobe Photoshop atau program lainnya. Selain itu, Anda juga dapat mengganti dengan Theme Anda sendiri. Khusus untuk Blog dosen STIKOM, untuk mengubah Theme, Anda terlebih dahulu harus mengirimkan desain Theme Anda berupa.zip file ke Administrator Blog. Setelah Administrator mengunggah file Theme Anda dalam Blog dosen, maka Anda dapat mengunduhnya dan menempelkannya pada Blog Anda. Langkah-Langkah Merubah Themes: 1. Masuk ke menu Apperance kemudian pilih submenu Theme. 2. Dalam menu tersebut terdapat beberapa pilihan Themes yang dapat Anda gunakan (termasuk Theme Anda sendiri yang sudah diunggah melalui administrator) 3. Pilih salah satu Theme yang ingin Anda gunakan, Klik Activate untuk langsung mengaktifkan Theme tersebut atau klik Preview untuk melihat terlebih dahulu sebelum langsung menggunakan theme tersebut. 17
Masuk ke menu Apperance kemudian submenu Theme. Pilih activate untuk langsung mengaktifkan atau Preview untuk melihat terlebih dahulu 18
Mengunduh Theme dari Website Wordpress.org Wordpress menyediakan beberapa Theme gratis yang dapat Anda gunakan apabila Theme yang telah kami sediakan tidak sesuai dengan keinginan Anda. Adapun langkah-langkahnya sebagai berikut: 1. Masuk ke halaman http://www.wordpress.org/extend/theme/ 2. Pilih Theme yang sesuai dengan keinginan Anda. 3. Kemudian pilih download, Anda akan menerima file berupa.zip file 4. Serahkan file.zip file ini ke administrator, kami akan membantu Anda mengunggah Theme pilihan Anda ke server, dan selanjutnya Anda dapat memilih pilih Theme tersebut pada menu dashboard > apperance > Theme 19
Mengorganisasi Posting Blog 6 Tag dan Catagory Tag dan Category/kategori memiliki perananan penting bagi Search Engine. Karena dengan adanya tag dan kategori search engine akan lebih mudah menemukan post pada Blog Anda yang sesuai dengan kriteria atau kata kunci pencarian oleh user. Selain itu tag dan kategori dapat memudahkan user dalam mencari posting yang memiliki keterkaitan (tag yang sama atau kategori yang sama). Post Blog akan lebih terorganisir dengan adanya kategori dan tag di tiap post. Tampilan Kategori pada post Tampilan Tag pada post Fungsi Tag 20
Menandai sebuah post sehingga lebih terorganisir Tujuan Tag 1. Memudahkan user dalam mencari post yang memiliki keterkaitan dengan post saat ini. 2. Memudahkan user dalam mencari post dengan tema tertentu/ keyword tertentu. 3. Memudahkan Search Engine dalam mengindex Blog Anda. Fungsi dan Tujuan Kategori Fungsi kategori adalah untuk mengumpulkan post yang memiliki kategori yang sama, sehingga lebih terorganisasi dan user memilih post yang memiliki kategori yang sama. Klik Add New Category jika ingin mengisi/ menambah kategori 21
Pengaturan Blog Tingkat Lanjut 7 Tampilan Menu pada Dashboard Berikut ini adalah tampilan navigasi dari dashboard. Menambah dan mengatur Blog Menambah dan mengatur file dan gambar yang disertakan ke dalam post Menambah dan mengatur tautan ke halaman lain atau Blog lain Menambah dan mengatur page yang muncul seperti menu pada Blog Mengatur, dan menghapur komentar yang diberikan user lain pada post kita Mengatur theme atau tampilan Blog kita Mengatur fungsi/fasilitas tambahan pada Blog kita Mengatur user yang login. Mengganti password saat kita log in Beberapa fasilitas untuk export dan import konten pada Blog Mengatur kinerja Blog kita, pengaturan bahasa, pengaturan alamat, dll. Mengganti Password 22
Klik Your Profile dan ubah profile jika diperlukan Isikan password baru dan tekan update profile jika telah selesai 23
Manajemen Gambar Menambah Link Links digunakan untuk mengatur dan menampilkan link ke website lain atau Blog lain pada Blog Anda. Hal ini bertujuan untuk meningkatkan pengunjung dan menambah referensi user. 24
Contoh tampilan link-link yang terdapat pada Blog Bapak Erwin: 25
Menampilkan widget pada sidebar Istilah Widget di dunia dalam Blog berarti perangkat mekanis kecil seperti knop atau saklar, perangkat mekanis kecil atau control, atau gadget. Wordpress menyediakan banyak sekali Widget yang dapat Anda pasang pada sidebar Blog Anda. Beberapa langkah untuk mengaktifkan widget pada halaman Blog Anda : 1. Masuk ke menu apperance kemudian sub menu widget. 2. Drag tulisan archive pada tab available widgets ke tab main sidebar. 3. Aktifkan setting show post count untuk menampilkan jumlah post yang Anda posting tiap bulannya. 26
DRAG Tampilan setelah dilakukan drag Beri centang Show post counts Klik save 27
Tampilan widget archive setelah di aktifkan Log Out Untuk keluar dari menu admin, anda dapat menekan tombol log out yang berada di kanan atas, dibawah nama anda Tombol Log out 28