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 1
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 2
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 3
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 4
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 menumenu 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 5
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 6
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 7
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 8
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 9
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 10
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 11
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 12
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 13
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 langkahlangkah 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. Langkahlangkahnya 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 14
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 15
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.
Pelatihan Blog HIMA IPA 2011
Page 16