INSTITUTTEKNOLOGIADHI TAMASURABAYA

PUSKOMSI (PUSATKOMPUTER DANSISTEM INFORMASI)

KATA PENGANTAR

Puji syukur kita panjatkan ke hadirat Tuhan yang maha Esa yang telah melimpahkan
rahmat dan hidayah-nya kepada kami, sehingga kami bisa menyelesaikan penyusunan
Buku Panduan Ngeblog ini untuk para pembaca yang ingin mengetahui ataupun ingin tahu
lebih banyak tentang bagaimana cara blogging dengan benar. Tidak bisa di pungkiri lagi
bahwa blog sudah menjadi hal yang populer sa’at ini di kalangan masyarakat kita, selain itu
di dalam proses pembuatan blog sa’at ini sudah banyak hal yang dapat kita pelajari dengan
detail, seperti kode-kode CSS, HTML, JAVASCRIPT, dan masih banyak lagi . Untuk itu Buku
Panduan Ngebog ini sengaja kami buat sebagai panduan belajar blogging yang benar dan
semoga Buku Panduan Ngeblog ini dapat bermanfa’at bagi para Dosen yang ingin tahu
lebih banyak tentang cara-cara pembuatan blog. Secara khusus, penyusunan materi Buku
Panduan Ngeblog ini kami buat dari berbagai buku panduan yang telah kami rangkum
sedemikian rupa agar dapat di tangkap lebih jelas untuk dapat menyimpulkannya dalam
arti yang benar.
Dalam penyusunan Buku Panduan Ngeblog ini kami menyadari sepenuhnya bahwa
baik bentuk maupun materinya masih jauh dari kesempurna’an , karena itu kami sangat
mengharapkan saran-saran serta petunjuk-petunjuk yang bersifat membangun untuk
memajukan kami di masa yang akan datang . Terimakasih yang sebesar-besarnya kami
sampaikan kepada semua pihak yang telah membantu tersusunnya Buku Panduan
Ngeblog blogging ini, semoga menjadi amal kebaikan dan mendapatkan pahala yang
setinggi-tingginya dari Tuhan Yang Maha Esa.
Semoga panduan ini memberikan manfaat bagi penggunanya, dan menjadi inspirasi
dan motivasi bagi penyusun untuk lebih menyempurnakan edisi-edisi berikutnya. Akan
sangat membantu dan sangat diharapkan kritik dan saran dari semua pihak, agar
panduan praktis ini lebih membawa manfaat lagi dan mendekati kesempurnaan, Akhir
kata, kami mengharapkan agar Turotial tentang pembuatan blog ini dapat berguna bagi
kami sendiri dan Dosen ITATS. terima kasih.

Surabaya, 3 Juli 2012

TIM WEBSITE PUSKOMSI

Developed by Puskomsi Website Team 2012

Mengenal WordPress
WordPress merupakan salah satu CMS (Content Management System) yang digunakan untuk
membuat sebuah blog atau website. Di dunia ini, ada berbagai macam CMS, seperti misalnya
Joomla, Drupal, DotNetNuke, WordPress, Moodle, dll.

Disini kita menggunakan WordPress, karena memang penggunaannya yang mudah dan juga
user-friendly, WordPress bisa digunakan untuk blog pribadi maupun website
perusahaan, berbeda dengan Joomla yang memang di khususkan untuk membuat website
perusahaan dan Moodle di khususkan untuk pembelajaran melalui internet atau e-learning.
WordPress tidak hanya digunakan di Indonesia, akan tetapi digunakan oleh para blogger di
seluruh penjuru dunia dan sebagian dari mereka sudah mengetahui keunggulan maupun
kemudahan yang dimiliki WordPress.

Kita bisa membuat sebuah blog menggunakan wordpress baik secara online langsung
(melalui www.wordpress.com) maupun melalui server lokal yang nantinya harus di upload ke
sebuah web server untuk bisa dipublikasikan ke internet, tetapi jika membuat sebuah blog
secara online (www.wordpress.com), kita tidak bisa sepenuhnya menggunakan fitur yang
ada di dalam dashboard WordPress, misalnya jika kita membuat sebuah blog dengan
WordPress versi online, itu kita tidak bisa menggunakan ataupun menambah plug-in, plug-in
itu sendiri merupakan salah satu tool atau alat yang ada di dalam WordPress yang berguna
untuk menambah suatu software pembantu atau fitur tambahan untuk dapat menambah dan
mempercantik konten yang ada di dalam blog, dikarenakan WordPress itu sendiri merupakan
CMS berbayar yang berarti kita harus membayar atau dalam kata lain membeli WordPress itu
untuk bisa menggunakan seluruh fitur yang ada di dalamnya, tetapi di sisi lain, kita tidak
perlu menggunakan web server kita sendiri karena jika kita membuat WordPress online,
secara otomatis WordPress kita akan masuk ke dalam web server mereka, sehingga kita
hanya perlu mendaftar saja. Akan tetapi jika kita membuat sebuah blog melalui WordPress
versi lokal (dibuat di dalam komputer kita sendiri tanpa akses internet lalu di upload ke web
server), kita bisa menggunakan fitur-fitur yang ada di dalam WordPress secara keseluruhan
Cara bagaimana membuat WordPress versi online maupun lokal akan dibahas di artikel yang
lain.

Developed by Puskomsi Website Team 2012

Cara mendaftar ke blog dosen
Bagaimana cara memulai membuat blog, langkah pertama harus mendaftar dulu di halaman
blog Dosen, http://dosen.itats.ac.id/pendaftaran.

Setelah semua data terisi dengan benar maka cukup menekan tombol SEND, menunggu
konfirmasi dari Admin untuk mengecek apakah data yang di isikan benar, dalam 1 x 24 jam data
akan di konfirmasikan kembali untuk bisa di pakai pada halaman login blog dosen.
Setelah mendapatkan user dan password, maka otomatis akan blog siap di gunakan.

Developed by Puskomsi Website Team 2012

Cara masuk ke halaman editor WordPress
Ada 2 cara bagaimana kita bisa masuk (login) ke halaman editor WordPress, yaitu:

Cara I
Gambar dibawah merupakan tampilan awal WordPress atau halaman untuk login, cara
membuka halaman seperti gambar dibawah dengan mengetikkan
dosen.namadomain.com/wp-admin misalnya dosen.itats.ac.id/namadosen/wp-admin. Disini
kita mengetikkan kata /wp- admin pada bagian belakang alamat web dikarenakan
untuk memanggil halaman login WordPress yang memang pada dasarnya (default)
menggunakan wp-admin.

Setelah itu, kita masukkan username dan password yang telah dibuat lalu klik tombol ‘Log In’ . Seperti
gambar dibawah berikut ini:

Enter / klik
login

Diisi nama user ID yang terdaftar

Di isi password

Developed by Puskomsi Website Team 2012

Setelah kita berhasil Log In dengan melakukan salah satu dari ketiga cara diatas, lalu kita
akan masuk ke halaman editor WordPress.

Developed by Puskomsi Website Team 2012

Pada bagian kiri Dashboard terdapat beberapa fitur. Jika ingin melakukan input data atau
posting artikel, klik pada bagian ‘Posts’, nanti akan muncul opsi ‘All Posts’ dan ‘Add New’,
setelah itu kita pilih ‘Add New’ untuk melakukan posting artikel baru, karena ‘All Posts’
itu fungsinya untuk menampilkan semua artikel yang telah dibuat. Seperti gambar dibawah
berikut ini:

Developed by Puskomsi Website Team 2012

Cara II
Cara yang kedua yaitu bisa melalui halaman webnya langsung, pada halaman web
sudah disediakan form untuk masuk ke halaman editor WordPress (login). Tetapi untuk
cara yang kedua ini kita tidak perlu menuliskan kata wp-admin pada bagian akhir alamat
web, cukup dosen.itats.ac.id misalnya Seperti gambar dibawah berikut ini:

Lalu disitu ada form untuk masuk atau login ke halaman editor WordPress, terletak pada bagian
kanan bawah seperti gambar ini:

Setelah itu, isikan username dan password yang sudah diberikan.

Developed by Puskomsi Website Team 2012

Setelah diisi, lalu klik tombol ‘Log In’, nanti akan muncul opsi seperti ‘Dashboard’, ‘Publish’,
‘Comments’, dan ‘Log Out’.

Berikut keterangan beberapa menu yang ada di dashboard wordpress ;

Dashboard

Menu dashboard adalah halaman utamanya. Isinya berupa beberapa informasi mengenai
jumlah postingan, page, komentar dan spam. Adapula informasi mengenai blog yang paling
ramai dikunjungi dan postingan terbaru dari pengguna jasa wordpress tipe ini. Yang paling
penting menurut saya adalah statistik pengunjung dengan beberapa data yang sangat
berguna. Menu ini memiliki beberapa submenu : blog surfer, my comments, readomattic, tag
surfer, site stats, my blog, subscriptions.

Untuk wordpress.org informasi yang muncul didashboard-nya berupa perkembangan

wordpress sebagai CMS dan info terbaru mengenai plug ini. Untuk menambahkan submenu
site stats seperti di wordpress.com, kita tinggal menambah atau menginstall plug in tersebut
di menu plug in.

Digunakan apabila kita ingin masuk ke halaman Dashboard atau halaman editor WordPress, di dalam
Dashboard kita juga bisa melakukan input data atau posting artikel.

Upgrades

Menu ini khusus untuk pengguna wordpress.com, fungsinya untuk menambah fasilitas atau
fitur blog seperti mengganti nama domain.

Posts

Menu ini tempat membuat, mengedit dan mengelola postingan.

Media

Menu tempat menyimpan dan mengelola gambar dan video yang digunakan dalam postingan.

Links

Berupa menu tempat membuat dan mengelola link atau tautan. Link tersebut bisa berupa link
blog sahabat atau link blog yang menurut kita penting.

Pages

Hampir sama dengan menu posts, hanya saja outputnya tidak berupa postingan tapi berupa
halaman.

Comments

Developed by Puskomsi Website Team 2012

Menu tempat berkumpulnya semua komentar, baik yang sudah terbit, pending atau spam.
Disini kita bisa melakukan penyeleksian dengan menghapus atau mengedit komentar –
komentar aneh.

Ratings dan Polls

2 Menu ini hanya ada di wordpress.com. Rating adalah menu untuk mengatur setting rating
untuk posts, page dan comments. Sedangkan Polls adalah menu untuk menambahkan dan
mengelola fitur polling. Polling bisa kita masukkan kedalam postingan maupun kita pajang di
sidebar.

Appearance

Menu ini berfungsi untuk mengelola tampilan blog. Kita bisa mengganti theme wordpress kita.
Widgets adalah beberapa kelengkapan blog yang bisa kita pasang di sidebar maupun footer.
Menus adalah fitur terbaru untuk membuat dan mengelola drop down menu. Untuk header
biasanya untuk menambahkan gambar pada header blog. Meskipun ada submenu edit CSS
tapi untuk wordpress.com kita tidak bisa melakukannya. Submenu di menu appearance ini
akan bervariasi tergantung theme wordpress yang digunakan.

Users

Menu ini tempat mengelola orang – orang yang ikut ambil bagian dalam blog dengan berbagai
kedudukannya. Jika blog pribadi berarti hanya kita sendiri yang jadi kontributornya dan pada
submenu profil tinggal kita isi dengan profil kita.

Tools

Menu ini tempat kita memindahkan artikel dari maupun ke blog kita. Berfungsi juga sebagai
memback up artikel karena dikhawatirkan sewaktu – waktu terjadi error pada blog. Untuk
wordpress.com dibagian bawah menu ini ada fitur tambahan untuk memverifikasi blog di
search engine.

Plug in

Seperti yang telah disinggung diatas, menu ini berfungsi untuk menambah aplikasi tambahan.
Semua plug in tersebut bisa kita temukan di wordpress.org dan gratis. Menu ini tidak ada di
blog wordpress.com.

Settings

Menu setting ini tempat kita bisa melakukan beberapa pengaturan untuk blog wordpress kita.
Mulai dari pengaturan nama blog, tulisan, komentar maupun media, semua tersedia disini.

Developed by Puskomsi Website Team 2012

Untuk masuk kedalam Dashboard, Seperti gambar dibawah berikut ini:

Karena tujuan kita ingin melakukan input data atau posting artikel, sebaiknya kita pilih opsi ‘Posts’.

Developed by Puskomsi Website Team 2012

Untuk lebih mudahnya sebaiknya menggunakan cara diatas karena lebih simpel dan cepat. Setelah
kita melakukan cara diatas lalu kita akan masuk ke halaman posting artikel pada Dashboard
WordPress. Seperti gambar dibawah ini :

Setelah itu, isikan Judul pada kolom judul dan artikelnya. Coba isikan artikel

ini: Judul : Mengenal Civic Education

Isi artikel : Dalam buku Belajar Civic Education dari Amerika, dijelaskan bahwa Civic Education
adalah pendidikan untuk mengembangkan dan memperkuat dalam atau tentang pemerintahan
otonom (self government). Pemerintahan otonom demokratis berarti bahwa warga negara
aktif terlibat dalam pemerintahannya sendiri ; mereka tidak hanya menerima didikte orang lain
atau memenuhi tuntutan orang lain. Yang pada akhirnya cita-cita demokrasi dapat diwujudkan
dengan sesungguhnya bila setiap warganegara dapat berpartisipasi dalam pemerintahannya
Dalam demokrasi konstitusional, civic education yang efektif adalah suatu keharusan karena
kemampuan untuk berpartisipasi dalam masyarakat demokratis, berpikir secara kritis, dan
bertindak secara sadar dalam dunia yang plural, memerlukan empati yang memungkinkan kita
mendengar dan oleh karenanya mengakomodasi pihak lain, semuanya itu memerlukan kemampuan
yang memadai (Benjamin Barber, 1992)
Disana terdapat beberapa icon (menu bar) yang berfungsi untuk mengatur artikel.
Keterangan:

Gunanya untuk mempertebal huruf (contoh: INSTITUT TEKNOLOGI ADHI TAMA

SURABAYA), atau juga bisa dengan menekan tombol CTRL+B pada keyboard.

Gunanya untuk membuat huruf dicetak miring (contoh: Universitas Mercu Buana
Yogyakarta), atau juga bisa dengan menekan tombol CTRL+I pada keyboard.

Gunanya untuk mencoret huruf/kata (contoh: Institut Teknologi Adhi Tama

Surabaya), atau juga bisa dengan menekan tombol ALT+SHIFT+D pada keyboard.

Gunanya untuk membuat daftar dengan icon (tanpa menggunakan

angka). Contoh:

Developed by Puskomsi Website Team 2012

  List 1
 List 2
 List 3

Gunanya untuk membuat daftar icon (menggunakan

angka). Contoh:

1. List 1
2. List 2
3. List 3

Gunanya untuk menandai suatu kalimat yang dianggap

penting. Contoh:

Pemerintah harus segera mengambil tindakan tegas terhadap maraknya aksi terorrisme di
Indonesia

Gunanya untuk membuat paragraf menjadi rata kiri.

Gunanya untuk membuat paragraf menjadi rata

tengah. Gunanya untuk membuat paragraf menjadi

rata kanan.
Gunanya untuk menambahkan link pada suatu kata/kalimat. Contoh: Cara untuk
menulis berita atau artikel.

Gunanya untuk menghilangkan link pada suatu kata/kalimat.

Developed by Puskomsi Website Team 2012

Cara menambahkan ‘More Tag’
‘More Tag’ merupakan salah satu fitur yang ada di menu bar, gunanya untuk memotong
atau memisahkan antara awal paragraf dengan paragraf selanjutnya, sehingga ketika
artikel itu di publikasikan, pada bagian halaman awal web/blog kalimat artikel yang
terlihat hanya pada potongannya saja sehingga halaman awal web/blog tidak terlihat
penuh.

Developed by Puskomsi Website Team 2012

Cara menambahkan gambar pada artikel
Pada bagian atas menu bar, terdapat beberapa icon yang fungsinya menambahkan suatu
media (gambar, video, audio) pada artikel. Tetapi akan dibahas bagaimana cara
menambahkan gambar karena memang seringnya suatu artikel itu ditambahkan dengan
gambar. Untuk penambahan video maupun audio caranya sama saja dengan
penambahan gambar, hanya saja media yang ditambahkan berbeda.

Untuk menambahkan gambar, klik icon pada bagian atas menu bar. Setelah di klik akan
muncul kotak dialog untuk menambahkan gambar. Seperti gambar dibawah berikut ini:

Developed by Puskomsi Website Team 2012

Lalu, klik tombol ‘Select Files’ untuk mencari dan memilih gambar yang ingin di masukkan.
Setelah di klik nanti akan muncul kotak dialog untuk mencari gambar. Setelah gambar yang dimaksud
sudah dipilih, lalu klik ‘Open’. Seperti gambar dibawah berikut ini:

Lalu nanti akan ada proses upload gambar. Setelah proses upload gambar selesai, lalu akan
muncul seperti ini:

Developed by Puskomsi Website Team 2012

 Disitu kita bisa menentukan judul dari gambar itu apa, deskripsi atau penjelasan dari gambar itu
apa, tetapi itu tidak wajib, bisa dikosongkan jika memang merasa tidak perlu diisi. Kita juga bisa
menentukan posisi dan ukuran gambar itu. Selanjutnya klik tombol ‘Insert into Post’ yang
terletak pada bagian bawah.

Setelah di klik, kita akan kembali ke halaman utama Posting artikel, seperti gambar dibawah berikut
ini :

Publish
Langkah terakhir yaitu mempublikasikan artikel yang kita tulis, dengan cara mengeklik tombol ‘Publish’
yang terletak di bagian kanan.

Developed by Puskomsi Website Team 2012

 PANDUAN PRAKTIS BLOG DOSEN – INSTITUT TEKNOLOGI ADHI TAMA SURABAYA

Setelah tombol ‘Publish’ di klik, nanti akan ada proses publishing, tunggu beberapa saat hingga proses
publishing itu selesai. Setelah selesai, kita bisa melihat hasilnya dengan cara mengetik kembali alamat web
nya (dosen.itats.ac.id/namadosen),

PENUTUP

Dan melalui buku Buku Panduan Ngeblog blogging ini pula di harapkan menjadi acuan
bagaimana menggunakan blog yang secara baik dan benar.

Demikian yang bisa kami simpulkan, semoga Buku Panduan Ngeblog blogging ini
bermanfaat bagi para dosen pada umumnya. Apabila Buku Panduan Ngeblog ini
terdapat kekurangan maupun kesalahan dalam penulisan/pembahasan kami
mengucapkan mohon maaf.

HORMAT KAMI

TIM PUSKOMSI- Tahun 2012

18
 PANDUAN PRAKTIS BLOG DOSEN – INSTITUT TEKNOLOGI ADHI TAMA SURABAYA

TIM WEBSITE DEVELOPMENT

Anwar Sodik

Lahir di Kota Marmer Tulungagung pada 6 Agustus 1991. Menyenangi

dunia komputer semenjak kelas 4 SD. Anak muda yang selalu haus akan
informasi industri kreatif dan informatika Sangat mencintai Bisnis Industri
Kreatif. Sering iseng mengikuti writing contest, web design, dan blog design.
Penulis dapat dikontak :

 http://blog.itats.ac.id/anwar
 Yahoo Messenger : anwar.savoriest@ymail.com
 Skype: savoriest
 e-mail: webmaster@itats.ac.id

Arwansyah

Lahir di Kota Tulungagung tanggal 1 Juli. Menjadi KA Puskomsi sejak Mei

2012. Melakukan gebrakan dengan merubah system website ITATS secara
keseluruhan. Hobby bermain futsal. Arwansyah dapat dikontak :

 Yahoo Messenger :arwananingrat@yahoo.com

 Skype: arwansyah2009
 e-mail: arwan@itats.ac.id

19