buku panduan wordpress ver 3.0

17
BUKU PANDUAN BLOG MEMBUAT DENGAN WORDPRESS oleh: ILMUGRAFIS.com © 2010 ilmugrafis E-BOOK Modul WP ver 3.0 IG modul beta 1.1

Upload: mia-sadisme

Post on 29-Jun-2015

355 views

Category:

Documents


11 download

TRANSCRIPT

Page 1: buku panduan wordpress ver 3.0

BUKU PANDUAN

BLOGMEMBUAT

DENGAN WORDPRESS

oleh: ILMUGRAFIS.com

© 2010

ilmugrafis E-BOOK

Modul WP ver 3.0

IG modul beta 1.1

Page 2: buku panduan wordpress ver 3.0

1

1. PendahuluanBlog 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

mulai

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 3: buku panduan wordpress ver 3.0

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.

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 4: buku panduan wordpress ver 3.0

3

by ILMUGRAFISpanduan membuat 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: 1. Buka http://www.wordpress.com 2. Klik pada tulisan Sign Up Now

3. Saat ini Wordpress sudah support bahasa Indonesia. Klik Bahasa Indonesia untuk mengaktifkan pendaftaran dengan bahasa Indonesia. Isikan data-data Anda. Lihat con toh d i bawah i n i . B l og Anda nan t i nya mempunya i a l ama t : http://username.wordpress.com

Kemudian Klik tombol Next / Selanjutnya

Jangan lupa cek pada p i l i h a n b a h w a A n d a menyetujui syarat-syarat (Term of Service) dan pilih Gimme a blog (berikan saya blog). Setelah data-data diisi lengkap, klik next. J ika username sudah d i amb i l o rang , Anda d i p e r s i l a h k a n u n t u k membuat username yang baru. Pilihlah yang unik tetapi mudah diingat.

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 5: buku panduan wordpress ver 3.0

4

by ILMUGRAFISpanduan membuat blog

4. 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

5. Selamat, Anda sudah mendaftar blog di Wordpress.com, selanjutnya Anda dapat login di http://wordpress.com

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 6: buku panduan wordpress ver 3.0

5

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.

4. Login di Wordpress.com

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 7: buku panduan wordpress ver 3.0

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).

by ILMUGRAFISblog dengan wordpress

6

Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil.

WP modul 2010 © ilmuGrafis.com

Page 8: buku panduan wordpress ver 3.0

7

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 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.

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 9: buku panduan wordpress ver 3.0

8

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

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

MAIN MENU

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 10: buku panduan wordpress ver 3.0

9

by ILMUGRAFISblog dengan wordpress

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

WP modul 2010 © ilmuGrafis.com

Page 11: buku panduan wordpress ver 3.0

10

8. Memilih Theme (Tema Tampilan Blog)

Tampilan blog Anda 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.

secara default

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 12: buku panduan wordpress ver 3.0

11

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

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).

TIPS

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 13: buku panduan wordpress ver 3.0

12

10. Memasukkan Gambar ke Dalam ArtikelAnda 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.

by ILMUGRAFISblog dengan wordpress

WP modul 2010 © ilmuGrafis.com

Page 14: buku panduan wordpress ver 3.0

13

by ILMUGRAFISblog dengan wordpress

11. Menulis Page atau Halaman StatisHalaman 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 HeaderAgar 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 BlavatarSalah 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 AvatarUntuk 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.

WP modul 2010 © ilmuGrafis.com

Page 15: buku panduan wordpress ver 3.0

14

by ILMUGRAFISblog dengan wordpress

15. Melihat Statistik Pengunjung

Yang ada di halaman statistik antara lain: 1. Grafik jumlah pengunjung, dinyatakan dalam pageview unik harian, mingguan, atau bulanan.2. Referers, yaitu dari URL mana pengunjung datang. 3.Top Posts & Pages, yaitu artikel dan halaman yang paling banyak dibuka pengunjung. 4. Search Engine Terms, yaitu kata-kata yang dimasukkan ke dalam search engine untuk pengunjung yang menemukan blog Anda di dalam search engine. 5. Clicks, yaitu URL yang diklik pengunjung blog Anda. 6. Incoming Links, yaitu halaman baru yang di dalamnya terdapat link ke arah blog Anda.

WP modul 2010 © ilmuGrafis.com

Page 16: buku panduan wordpress ver 3.0

15

by ILMUGRAFISblog dengan wordpress

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 BlogrollAnda 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 Grafis4. Klik tombol Add Link.5. Setelah itu ke menu sebelah kiri pada layar, lalu pilih Appearance - Widgets6. Drag Link ke Sidebar

WP modul 2010 © ilmuGrafis.com

Page 17: buku panduan wordpress ver 3.0

16

by ILMUGRAFISblog dengan wordpress

TERM OF SERVICESEBOOK ilmugrafis.com boleh disebarluaskan secara bebas untuk tujuan bukan komersial (nonprofit) dan dengan syarat tidak menghapus atau merubah atribut penulis maupun mengedit dan melayout ulang serta menyertakan pernyataan author dan copyright. Tidak diperbolehkan melakukan penulisan ulang, kecuali telah mendapatkan ijin terlebih dahulu dari penulis yang bersangkutan.

Dibuat oleh ilmugrafis teamwww.ilmugrafis.com

Copyright © 2010 Allright ReservedHak Cipta Dilindungi Undang - Undang

ilmuGrafis

semoga bermanfaat