1. pendahuluan · users -> your profile di kiri bawah halaman (lihat gambar di bawah ini). jika...
TRANSCRIPT
Pelatihan Blog HIMA IPA 2011 Page 1
MEMBUAT BLOG
MELALUI WORDPRESS
1. Pendahuluan Blog sekarang sangat populer. Karena kemudahannya, setiap orang dari anak - anak, remaja,
hingga dewasa bisa membuat sebuah blog dengan sangat cepat. Berbeda dengan membuat
website, membuat atau menulis blog tidak dibutuhkan skill pemrograman yang rumit. Kita juga
bisa lebih mudah menyalurkan ide dan kreativitas kita, karena isi blog mudah di-update setiap
saat kita mau.
Banyak manfaat yang diperoleh dari menulis atau membuat blog, antara lain:
• Sebagai catatan pengetahuan kita agar tidak hilang begitu saja karena lupa atau terselip
• Latihan menulis dan mengungkapkan pendapat secara tertulis
• Sarana belajar komputer
• Menambah sahabat atau teman
• Dan masih banyak lagi
Blog dapat berisi:
• Catatan harian atau apa saja yang ingin ditulis pemilik blog.
• Ide-ide, opini, dan pandangan Anda.
• Berita terkini dan ulasannya menurut pendapat Anda.
• Tips dan trik misalnya seputar olahraga, keluarga, masak-memasak, komputer, otomotif, dsb
• Artikel agama, hukum, seni musik, lirik lagu, dan lain-lain.
• Pelajaran sekolah, kuliah, dan kursus.
• Pengalaman pribadi yang berguna jika dibaca orang lain.
• Hobi, misalnya panduan bermain catur, koleksi lirik lagu, dsb
• Komik, humor, karikatur, gambar-gambar lucu.
Syarat membuat blog:
• Memiliki email, jika Anda belum memiliki email, Anda bisa membuat email gratis di
http://mail.yahoo.com atau http://mail.google.com
• Koneksi Internet, minimal butuh waktu sekitar 10 menit untuk melakukan pendaftaran
• Anda bisa mengoperasikan komputer minimal Microsoft Word atau Open Office
TIPS: Anda tidak harus memakai komputer yang selalu terkoneksi Internet, karena Anda bisa
menulis artikel Anda secara offline (tanpa koneksi Internet) dengan menggunakan Notepad,
Microsoft Word, atau Microsoft Frontpage. Kemudian pada saat online, Anda tinggal copy-paste
dari tulisan yang sudah Anda buat. Hal ini dapat
Pelatihan Blog HIMA IPA 2011 Page 2
2. Apa itu Wordpress? WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan
sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan
basis data (database) MySQL. PHP dan MySQL merupakan perangkat lunak sumber terbuka
(open source software). Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah
CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan
dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang
dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, yang
merupakan teman Matt Mullenweg pendiri dan ketua pengembang (developer).
Sejarah Wordpress? Sejarah WordPress dimulai saat Matt Mullenweg yang merupakan pengguna aktif dari b2
mengetahui bahwa proses pengembangan b2 dihentikan oleh pemrogramnya (programmer) yang
bernama Michel Valdrighi, Matt Mullenweg merasa sayang dan mulai melanjutkan
pengembangan b2. WordPress muncul pertama kali di tahun 2003 hasil kerja keras Matt
Mullenweg dengan Mike Little. Yang membuat WordPress makin terkenal adalah selain karena
banyaknya fitur dan tampilan yang menarik, adalah juga karena dukungan komunitas terhadap
perangkat lunak sumber terbuka untuk blog.
3. Pendaftaran di Wordpress.com? Untuk membuat blog pribadi di wordpress kita harus melakukan pendaftaran terlebih dahulu di
WORDPRESS
Langkah-langkah pendaftaran cukup sederhana, yaitu:
a. Buka http://www.wordpress.com
b. Klik pada tulisan Sign Up Now
c. Saat ini Wordpress sudah support bahasa Indonesia. Klik Bahasa Indonesia untuk
mengaktifkan pendaftaran dengan bahasa Indonesia. Isikan data-data Anda. Lihat contoh
dibawah ini. Blog Anda nantinya mempunyai alamat: http://username.wordpress.com
Pelatihan Blog HIMA IPA 2011 Page 3
Jangan lupa cek pada pilihan bahwa
Anda menyetujui syarat-syarat
(Term of Service) dan pilih Gimme a
blog (berikan saya blog). Setelah
data-data diisi lengkap, klik next.
Jika username sudah diambil orang,
Anda dipersilahkan untuk membuat
username yang baru. Pilihlah yang
unik tetapi mudah diingat.
Kemudian Klik tombol
Next / Selanjutnya
d. Kemudian isi profil anda dan setelah itu simpan profil Anda. Setelah itu Anda juga
akan segera menerima email dari Wordpress.com. Buka email dan klik link aktivasi
yang ada di email tersebut, maka Anda akan melihat halaman seperti ini
e. Selamat, Anda sudah mendaftar blog di Wordpress.com, selanjutnya Anda dapat
login di http://wordpress.com
4. Login di Wordpress.com Buka http://wordpress.com, masukkan username dan password Anda kemudian klik
login atau enter. Anda dapat mulai masuk ke Dashboard (dasbor) dengan cara mengklik
My Blog >> Dashboard.
Pelatihan Blog HIMA IPA 2011 Page 4
5. Masuk ke Dasboard (Dasboard) Setelah Anda login, Anda akan masuk ke dashboard (Dasbor). Halaman dashboard
inilah yang merupakan halaman control panel blog Anda. Sekarang klik pada username
Anda yang terletak pada bagian kanan atas atau menu Pengguna -> Profil Anda atau
Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini).
Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil.
6. General Setting / Pengaturan Blog
General Setting merupakan pengaturan dari blog kita, seperti menambahkan nama
blog, judul blog, deskripsi blog, Format Penanggalan Blog, Zona Waktu, Format Jam,
dan Bahasa
Pengaturan Blog ada di menu Pengaturan -> General
Pelatihan Blog HIMA IPA 2011 Page 5
Anda juga dapat memilih interface Bahasa Inggris meskipun blog Anda isinya
Bahasa Indonesia atau sebaliknya. Untuk memudahkan Anda mempelajari tutorial ini,
settinglah Bahasa Interface menjadi Bahasa Inggris (en – English). Kemudian klik di
tombol “Simpan Perubahan”.
Mengapa bahasa interface menggunakan bahasa Inggris?
• Ketika saya mencoba bahasa interface menggunakan Bahasa Indonesia, banyak kata -
kata yang terjemahannya terkesan aneh, misalnya “Kepala Gambar” untuk menggantikan
“Header Image”. Atau mungkin nyaman menggunakan kata “Link” daripada “Taut”.
• Sambil membuka-buka control panel, Anda bisa sekalian belajar bahasa Inggris dan
menguasai istilah-istilah blog dalam bahasa Inggris. Sekarang coba menuju Dashboard
kembali. Anda akan melihat Dashboard dalam bahasa Inggris.
7. Penjelasan Menu dan Sub Menu Pada halaman sebelah kiri, terdapat menu
Dashboard, Post, Media, dan lain-lain. Menu ini jika
diklik akan muncul sub menu yang ada di bawahnya
misalnya jika Anda mengklik menu Post maka akan
muncul sub menu Post, Add New, Categories, Post
Tags. Sekarang Anda perlu mengetahui fungsi menu-
menu tersebut tanpa harus mencobanya sekarang,
karena nanti kita akan lebih lanjut
MAIN MENU
Dashboard adalah pusat control panel blog Anda
Upgrade adalah menu untuk mengupgrade Wordpress anda ke tingkat yg terbaru
Post adalah menu untuk membuat dan mengedit tulisan atau artikel
Media adalah tempat menyimpan file JPG, JPEG, PNG, GIF, PDF, DOC, PPT, dan
ODT
Links: adalah untuk menambahkan link pada blog Anda atau yang disebut blogroll
Rating adalah menu untuk memberikan Rating pada artikel Anda nantinya
Pages adalah menu untuk membuat dan mengedit halaman statis
Comments digunakan untuk mengedit komentar dalam blog
Pools digunakan untuk membuat dan mengedit pool dalam blog Anda.Anda
Appearance adalah menu yang digunakan untuk mengganti tampilan blog Anda
Users menu untuk setting identitas
Tools adalah fasilitas tambahan untuk blog Anda, diantaranya adalah fasilitas install
turbo agar komputer Anda lebih cepat saat membuka blog di Wordpress.copenulis
atau pemilik blog
Pelatihan Blog HIMA IPA 2011 Page 6
8. Memilih Theme (Tema Tampilan Blog) Tampilan blog Anda secara default sangat sederhana, cobalah sekarang buka:
http://nama-blog-anda.wordpress.com, itulah standart default wordpress anda, namun
tenang saja karena kita bisa merubahnya.
Sekarang buka menu Apperance -> Themes, pilihlah themes (tema/tampilan) yang
Anda suka! Buka kembali blog Anda. Pengaturan lainnya agar blog Anda menjadi lebih
indah akan dibahas lebih lanjut. Kita akan melihat dulu bagaimana sebuah posting atau
tulisan Anda ditampilkan dengan themes yang baru ini.
9. Menulis Posting/Artikel di blog Anda Inilah yang paling sering Anda lakukan nantinya (menulis artikel atau tulisan baru
pada blog Anda). Artikel ini disebut “post”.
1. Pada menu Wordpress pilih Post -> Add New
2. Mulailah menulis pada kolom ini.
3. Ada tombol-tombol kecil mirip tombol pada Microsoft Word. Anda bisa mengatur
Bold, Italic, Hiperlink, gambar, dan sebagainya. Silakan coba tombol ini satu persatu.
4. Masukkan kata kunci (TAGS)
5. Masukkan kategori (CATEGORIES)
6. Jika sudah selesai menulis, klik tombol PUBLISH
TIPS
Perbedaan Tag dengan Category Tag adalah kata kunci, misalnya blog Anda
berisi tentang masak-memasak, kemudian Anda menulis artikel tentang “gudeg
jogja”, maka tag-nya dapat berupa gudeg, masakan enak, jogja, dan sebagainya.
Tag biasanya lebih dari satu, idealnya 3 sampai 5.
Kategori adalah kelompok artikel Anda yang memiliki ciri khusus, misalnya
artikel “gudeg jogja” tadi dapat dimasukkan ke dalam kategori “masakan jawa”.
Tentu saja di blog Anda ada kategori lain, misalnya “masakan sunda”. Kategori
untuk setiap artikel biasanya terbatas (satu atau dua).
Pelatihan Blog HIMA IPA 2011 Page 7
10. Memasukkan Gambar ke Dalam Artikel Anda dapat menyisipkan gambar (JPG, GIF, atau PNG) ke dalam artikel, dengan
cara mengklik tombol Add an Image
Akan muncul window baru. Selanjutnya klik di tombol Select Files:
Jika di layar tidak terlihat tombol Select Files, klik di Browser Uploader. Pilih file di
komputer Anda, tunggulah beberapa saat. Setelah gambar selesai di-upload ke internet,
muncul window seperti ini:
Selanjutnya isilah judul, deskripsi, URL, dan perataan. Selanjutnya klik pada tulisan
Sisipkan ke dalam Tulisan atau Insert to Post.
Pelatihan Blog HIMA IPA 2011 Page 8
11. Menulis Page atau Halaman Statis Halaman yang isinya tidak berubah-ubah disebut page atau halaman statis. Halaman ini
misalnya berisi contact atau identitas Anda. Pada blog, halaman statis biasanya menjadi
link-link di bawah header (contact, about us, dan sebagainya).
Cara membuat Page baru adalah dengan mengklik menu Pages -> Add New. Cara
menulis Page adalah sama dengan cara menulis Post atau artikel.
12. Mengganti Gambar Header Agar blog Anda terlihat lebih indah dan spesial, Anda dapat meng-upload gambar header
dari komputer ke blog Anda. Gambar header akan muncul pada bagian atas di setiap
halaman blog Anda. Untuk men-upload gambar header, buka menu Appearance ->
Header. Anda dapat memasang gambar JPG, PNG, atau GIF (Animasi juga bisa).
Klik pada tombol Browse, pilih file di komputer Anda, kemudian klik tombol Upload.
13. Memasang Blavatar Salah satu fungsi blavatar (blog-avatar) adalah sebagai favicon, atau icon kecil yang ada
di browser ketika blog tersebut dibuka pengunjung.
Untuk memasang blavatar, buka menu Setting -> General. Pada bagian Blog Picture, klik
Browse. Pilihlah file JPG atau PNG dari komputer Anda.
14. Memasang Avatar Untuk memasang avatar, buka menu Users -> Your Profile. Pada bagian My Picture,
klik Browse dan Upload Image. Tunggulah beberapa saat. Anda akan diminta crop
(memotong) gambar Anda. Tipe gambar yang dapat digunakan sebagai avatar adalah
JPG, GIF, atau PNG.
15. Melihat Statistik Pengunjung Yang ada di halaman statistik antara lain:
a. Grafik jumlah pengunjung, dinyatakan dalam pageview unik
harian, mingguan, atau bulanan.
b. Referers, yaitu dari URL mana pengunjung datang.
c. Top Posts & Pages, yaitu artikel dan halaman yang paling
banyak dibuka pengunjung.
d. Search Engine Terms, yaitu kata-kata yang dimasukkan ke dalam search engine
untuk pengunjung yang menemukan blog Anda di dalam search engine.
e. Clicks, yaitu URL yang diklik pengunjung blog Anda.
f. Incoming Links, yaitu halaman baru yang di dalamnya terdapat link ke arah blog
Anda.
Pelatihan Blog HIMA IPA 2011 Page 9
16. Mengatur Komentar Anda dapat melihat seluruh komentar pengunjung blog Anda (dan Anda sendiri). Selain
itu, Anda juga dapat mengedit, membalas, atau menghapus komentar. Buka menu
Dashboard -> My Comments.
Arahkan mouse ke bagian bawah komentar, maka muncul pilihan Unnaprove, Spam,
Delete, Edit, Quick Edit, dan Reply (lihat gambar). Klik pada pilihan Quick Edit untuk
mengedit komentar, atau Reply untuk menjawab komentar (akan muncul komentar baru
jawaban Anda).
17. Mengatur Blogroll Anda bisa menambahkan link pertemanan jadi ketika anda membuka blog anda maka
anda juga bisa langsung berkunjung ke blog teman anda juga. Disini (default) ternyata
hanya ada dua buah link, yaitu http://wordpress.com dan http://wordpress.org.
Cara menambah link adalah melalui menu Links -> Add New
1. Link dapat ditambah melalui menu Links -> Add New
2. Masukkan alamat blog atau web site yang link-nya mau dipasang pada blog Anda,
misalnya http://www.ilmugrafis.com (jangan lupa tulis lengkap dengan http://)
3. Masukkan judul link, misalnya Website Tutorial Grafis
4. Klik tombol Add Link.
5. Setelah itu ke menu sebelah kiri pada layar, lalu pilih Appearance - Widgets
6. Drag Link ke Sidebar
~ semoga bermanfaat ~
Pelatihan Blog HIMA IPA 2011 Page 10
MEMBUAT BLOG MELALUI BLOGSPOT
1. Buka link : http://www.blogger.com
2. Login atau sign in di bagian kanan atas dengan account gmail anda (username dan
password account gmail), lalu klik sign in.
3. Jika anda baru pertama kali membuat sebuah BLOG di blogger.com maka langkah
selanjutnya adalah mendaftar untuk BLOGGER. Isilah nama anda di bagian „nama
tampilan‟. Bagian ini akan muncul di halaman BLOG di bagian „About Me‟. (Lihat
gambar 1 di contoh tampilan BLOG di blogger.com). Setelah selesai, silakan klik
„LANJUTKAN‟.
Pelatihan Blog HIMA IPA 2011 Page 11
4. Langkah selanjutnya adalah „Name Your BLOG‟. Di bagian ini kita di wajibkan untuk
membuat sebuah nama untuk BLOG kita.
Blog Title : nama dari BLOG anda. Isilah nama yang anda inginkan. Blog title ini
akan ditampilkan di bagian atas dari BLOG.
Blog address (URL) : nama dari link blog anda. Isilah atau pilihlan nama yang anda
inginkan. Nama ini akan di pakai untuk membuka BLOG anda dalam bentuk URL
(misal : http://catatan-danti.blogspot.com). Anda bisa klik „check availability‟ untuk
menge-check apakah nama yang anda pilih bisa dipergunakan atau tidak. Jika nama
yang anda pilih tidak di perbolehkan maka akan muncul pesan error seperti pada
gambar 5. Sedangkan jika nama pilihan anda di perbolehkan oleh blogger.com, maka
akan muncul pesan seperti pada gambar 6. Selanjutnya klik „CONTINUE‟.
Pelatihan Blog HIMA IPA 2011 Page 12
5. Langkah selanjutnya adalah „choose template‟ atau memilih salah satu template yang
telah tersedia. Klik di radio button pada template yang anda inginkan. Jika ingin melihat
template-nya lebih lengkap, klik „preview template‟ di template yang ingin anda lihat.
Anda dapat melihatnya di sebuah pop up window terbaru seperti pada gambar 8.
6. Selesai langkah anda untuk membuat sebuah BLOG. Jika anda ingin langsung mencoba
mengisi BLOG tersebut, silakan klik „start posting‟.
Pelatihan Blog HIMA IPA 2011 Page 13
Jenis-jenis fungsi di dalam editor
1. Font : untuk memilih jenis font yang akan digunakan di dalam penulisan. Cara
menggunakan block text yang akan diganti font-nya kemudian klik list menu font.
2. Font Size : untuk memilih ukuran huruf.
3. Bold : untuk menebalkan text.
4. Italic : untuk membuat huruf miring pada text.
5. Text Color : untuk membuat text berwarna.
6. Hyperlink : untuk membuat sebuah link dari text.
7. Left Format Paragraph : untuk membuat paragraph menjadi rata kiri.
8. Center Format Paragraph : untuk membuat posisi paragraph menjadi di tengah.
9. Right Format Paragraph : untuk membuat paragraph menjadi rata kanan.
10. Justified Format Paragraph : untuk membuat paragraph menjadi rata kanan-kiri.
11. Numbering : untuk memberikan urutan nomor pada text.
12. Bullets : untuk memberikan tanda bulat pada text.
13. Blockquote : untuk membuat quote dari sebuah text. Biasanya di pakai jika text
tersebut merupakan kutipan dari sumber atau ucapan orang lain.
14. Check spelling : untuk menge-check apakah tulisan yang di ketik merupakan bahasa
inggris baku atau bukan.
15. Add Image : untuk meng-upload atau menambahkan gambar ke dalam blog.
16. Add video : untuk meng-upload atau menambahkan video ke dalam blog.
17. Remove formatting from selection : untuk menghilangkan format yang telah di buat
dalam tulisan yang di seleksi atau di block.
Pelatihan Blog HIMA IPA 2011 Page 14
Cara Pasang Jam di Blog
Mempercantik blog agar enak dilihat dapat dilakukan dengan
berbagai cara, salah satunya dengan menambahkan asesoris
jam pada blok anda. Jam ini bisa anda dapatkan secara gratis
pada situs http://www.clocklink.com. Berikut ini langkah-
langkah yang bisa anda lakukan :
1. Silahkan klik link berikut --> http://www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your
Website ?
3. Lihatlah dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal,
Animation, dll
4. Jika anda sudah menemukan model jam yang anda suka, klik tulisan View HTML tag
yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh :
untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copykan kode HTML yang di berikan pada notepad
9. Pastekan kode HTML yang di copy tadi pada tempat yang anda inginkan, dan
10. Selesai sudah
Memasang ShoutBox di Blog
Shoutbox adalah salah satu asesoris blok, dimana kita bisa saling berinteraksi dengan
pengunjung. Keberadaan shoutbox sangat mendukung blok karena kita dapat menerima
kritikan sebagai bahan masukan untuk perbaikan blok kita. Blok terasa kurang nilainya jika
tidak adanya shoutbox ini. Penyedia shoutbox amat banyak di internet dan kita bisa
memilihnya, diantaranya Karena kemudahan dalam register dan banyaknya tool yang
disediakan, maka saya memilih Oggix sebagai bahan pembelajarannya. Langkah-
langkahnya adalah sebagai berikut:
1. Silahkan anda klik alamat berikut : http://www. oggix.com
2. Carilah bagian dengan tulisan seperti gambar yang ada di bawah ini:
3. Klik Register at oggix.com seperti yang ditampilkan gambar diatas atau klik tulisan
GET IT NOW seperti yang ada diatas.
Pelatihan Blog HIMA IPA 2011 Page 15
4. Isilah form pendaftaran dengan data-data anda, diantaranya; alamat email, password,
nama legkap, nama website, alamat website, deskripsi website, security code sesuai
dengan code yang ditampilkan
Jika anda merasa sudah benar dan lengkap dalam mengisi data, maka klik lah Register
Jika pendaftaran anda berhasil, maka akan ditampilkan : You have finish the
regristration process. Please login to manage your account. Kemudian loginlah dengan
alamat email yang sudah anda masukkan di data tadi dan jangan lupa passwordnya.
Dari sini proses pendataan sudah selesai.
Langkah selanjutnya adalah menginstal shoutbox dan ikutilah langkah-langkahnya
step by step dengan benar hingga didapatkan code HTML yang nantinya akan anda
copy pastekan di blog anda dengan cara sebagai berikut: Loginlah untuk masuk ke
blog anda. Klik menu Tata Letak, klik Elemen Halaman dan klik Tambah Gadget
seperti pada gambar dibawah ini :
Pelatihan Blog HIMA IPA 2011 Page 16
Kemudian kliklah pilihan HTML/JavaScript seperti gambar dibawah ini:
Ketikkan Shoutbox pada judul dan pastekan kode HTML tadi di konten, kemudian
klik SIMPAN (Gambar dibawah ini).
Nah.. mudah bukan, sekarang anda bisa melihat tampilan shoutbox di blog anda.
Selamat mencoba.