Modul Pelatihan Blog - dinamika.ac.id · Secara garis besar, WeBlog dapat dirangkum sebagai...

29
STMIK STIKOM SURABAYA Sekolah Tinggi Manajemen Informatika & Komputer Surabaya Modul Pelatihan Blog Pengembangan Media Online, 2012

Transcript of Modul Pelatihan Blog - dinamika.ac.id · Secara garis besar, WeBlog dapat dirangkum sebagai...

STMIK STIKOM SURABAYA Sekolah Tinggi Manajemen Informatika & Komputer Surabaya

Modul Pelatihan Blog

Pengembangan Media Online, 2012

Modul Pelatihan Blog | Pengembangan Media Online, 2012

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

Pengenalan Blog 1

Modul Pelatihan Blog | Pengembangan Media Online, 2012

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

Memulai Blog 2

Modul Pelatihan Blog | Pengembangan Media Online, 2012

3

Contoh lain:

Nama Dosen : Erwin Alamat Blog : http://blog.stikom.edu/erwin

Modul Pelatihan Blog | Pengembangan Media Online, 2012

4

Bagian – Bagian pada Blog

Bagian – Bagian pada Header

Header

Sidebar

Blog Post

Sidebar

Judul Blog / Blog Title

Deskripsi Blog

Page

Modul Pelatihan Blog | Pengembangan Media Online, 2012

5

Bagian – Bagian pada Post

Judul Post

Tanggal Post Jml Komentar

Kategori Tag

Modul Pelatihan Blog | Pengembangan Media Online, 2012

6

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.

Modul Pelatihan Blog | Pengembangan Media Online, 2012

7

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.

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.

Klik log in

Isikan username

dan password Anda

untuk log in

Modul Pelatihan Blog | Pengembangan Media Online, 2012

8

Setelah Anda login, maka akan nampak tampilan Blog yang dimiliki oleh dosen STIKOM.

Kini Anda dapat mulai melakukan pengolahan Blog Anda. Pada menu myBlog, pilih dashboard.

Tampilan setelah memilih menu dashboard:

Nama user yang telah log in

Nama Blog yang telah log in

Modul Pelatihan Blog | Pengembangan Media Online, 2012

9

Tampilan dashboard:

Modul Pelatihan Blog | Pengembangan Media Online, 2012

10

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

Membuat Posting 3

Modul Pelatihan Blog | Pengembangan Media Online, 2012

11

Berikut adalah tampilan halaman Add New Post.

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

Post

Tampilan Toolbar utk

membantu format

tulisan

Button

Save draft

Button

Publish

Button

Preview

Modul Pelatihan Blog | Pengembangan Media Online, 2012

12

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

Modul Pelatihan Blog | Pengembangan Media Online, 2012

13

Hasil tampilan setelah dipublikasikan.

Continue

reading

Modul Pelatihan Blog | Pengembangan Media Online, 2012

14

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

Membuat Page 4

Modul Pelatihan Blog | Pengembangan Media Online, 2012

15

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

Modul Pelatihan Blog | Pengembangan Media Online, 2012

16

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.

Pilih parent page pada

combo box ini sehingga

page yang kita buat akan

menjadi sub Page dari

Parent Page yang kita

pilih

Page

Attribute

Nama Sub Page

Modul Pelatihan Blog | Pengembangan Media Online, 2012

17

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.

Mengganti Themes 5

Modul Pelatihan Blog | Pengembangan Media Online, 2012

18

Masuk ke menu

Apperance kemudian

submenu Theme.

Pilih activate untuk langsung

mengaktifkan atau Preview untuk

melihat terlebih dahulu

Modul Pelatihan Blog | Pengembangan Media Online, 2012

19

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

Modul Pelatihan Blog | Pengembangan Media Online, 2012

20

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.

Fungsi Tag

Mengorganisasi

Posting Blog 6

Tampilan Kategori

pada post Tampilan Tag pada

post

Modul Pelatihan Blog | Pengembangan Media Online, 2012

21

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

Modul Pelatihan Blog | Pengembangan Media Online, 2012

22

Tampilan Menu pada Dashboard

Berikut ini adalah tampilan navigasi dari dashboard.

Mengganti Password

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.

Pengaturan Blog

Tingkat Lanjut 7

Modul Pelatihan Blog | Pengembangan Media Online, 2012

23

Klik Your Profile

dan ubah profile jika

diperlukan

Isikan password baru dan

tekan update profile jika

telah selesai

Modul Pelatihan Blog | Pengembangan Media Online, 2012

24

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.

Modul Pelatihan Blog | Pengembangan Media Online, 2012

25

Contoh tampilan link-link yang terdapat pada Blog Bapak Erwin:

Modul Pelatihan Blog | Pengembangan Media Online, 2012

26

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.

Modul Pelatihan Blog | Pengembangan Media Online, 2012

27

Tampilan setelah dilakukan drag

DRAG

Beri centang Show post

counts

Klik save

Modul Pelatihan Blog | Pengembangan Media Online, 2012

28

Log Out

Untuk keluar dari menu admin, anda dapat menekan tombol log out yang berada di kanan atas,

dibawah nama anda

Tampilan widget

archive setelah di

aktifkan

Tombol Log out