Cara Mudah Membuat Web dengan CMS dengan WordPress pada Domain dan Hosting Gratisan, oleh Bambang Eka Purnama Hak Cipta 2014 pada penulis GRAHA ILMU Ruko Jambusari 7A Yogyakarta 55283 Telp: 0274-4462135; 0274-882262; Fax: 0274-4462136 E-mail: info@grahailmu.co.id Hak Cipta dilindungi undang-undang. Dilarang memper banyak atau memindahkan sebagian atau seluruh isi buku ini dalam bentuk apa pun, secara elektronis maupun mekanis, termasuk memfotokopi, merekam, atau dengan teknik perekaman lainnya, tanpa izin tertulis dari penerbit. ISBN: 978-602-262-144-7 Cetakan ke I, tahun 2014
KATA PENGANTAR Assalammu alaikum Wr. Wb. Puji syukur ke hadirat Allah SWT yang telah melimpahkan rahmat taufik dan hidayah-nya sehingga penulis dapat menyelesaikan buku ini yang mudahmudahan bisa digunakan untuk kemaslahatan bersama. Buku ini diperuntukkan bagi siapa pun yang ingin belajar membuat website dengan menggunakan resource gratis. Banyak kendala, rintangan dan hambatan dalam menyelesaikan buku ini, tetapi berkat adanya dorongan dan bantuan dari berbagai pihak, akhirnya semua itu dapat teratasi. Untuk itu penulis mengucapkan terima kasih kepada semua pihak yang telah membantu terbitnya buku ini. Penulis menyadari buku ini masih sangat jauh dari sempurna, oleh karena itu segala saran dan kritik baik dari para pembaca maupun semua pihak yang terkait yang sifatnya membangun sangat penulis harapkan demi kesempurnaan berikutnya. Penulis berharap semoga buku ini dapat bermanfaat bagi para pembaca dalam menambah perbendaharaan kata dan perluasan pandangan serta pengetahuan untuk meningkatkan prespektif baru. Atas kritik dan sarannya penulis ucapkan terima kasih. Wassalammu alaikum Wr.Wb. Surakarta, September 2013 Penulis
DAFTAR GAMBAR Gambar 1.1. Skema Web Browser. Source http://unpas.ac.id/pages/tag/cms 4 Gambar 1.2. Beberapa Simbol Web Browser 8 Gambar 1.3. Web Browser Mozila Firefox 9 Gambar 1.4. Web Browser Internet Explorer 10 Gambar 1.5. Web Browser Safari 10 Gambar 1.6. Web Browser Safari -2 11 Gambar 1.7. Web Browser Flock 11 Gambar 1.8. Web Browser Opera 12 Gambar 1.9. Web Browser K-Meleon 12 Gambar 1.10. Web Browser SeaMonkey 13 Gambar 1.11. Web Browser Google Chrome 14 Gambar 1.12. Web Browser Camino 14 Gambar 1.13. Web Browser Konqueror 15 Gambar 2.1. Main Desktop Intermediasolo.net 20 Gambar 2.2. Pencarian dot.tk 20 Gambar 2.3. Domain Sudah Terpakai 21 Gambar 2.4. Menu Who Is Domain 21 Gambar 2.5. Hasil Pencarian Who Is Domain 22 Gambar 2.6. Domain Bisa Dipakai 22 Gambar 2.7. Register Domain 23 Gambar 2.8 Register Akun 23 Gambar 2.9. Pencarian Domain Berhasil 24
viii Cara Mudah Membuat Web... Gambar 2.10. Memasukkan URL pada Opsi Forward Domain 24 Gambar 2.11. Mengisi Durasi Web dan Kode Capthca 25 Gambar 2.12. Tombol Setup 25 Gambar 2.13. Share Jejaring Sosial 26 Gambar 2.14. Share Jejaring Sosial Facebook 26 Gambar 2.15. Post Jejaring Sosial Facebook 27 Gambar 2.16. Share Facebook Berhasil 27 Gambar 2.17. Memilih Akun Google 28 Gambar 2.18. Persetujuan Google Buzz 28 Gambar 2.19. Google Buzz Aktif 29 Gambar 2.20. Ikon Login 29 Gambar 2.21. User Login dengan Jejaring Sosial 30 Gambar 2.22. User Login dengan Jejaring Sosial Berhasil 30 Gambar 2.23. Register dot.tk 31 Gambar 2.24. Email Register 31 Gambar 2.25. Register dot.tk 32 Gambar 2.26. Email Register dot.tk Masuk 32 Gambar 2.27. Email Notifikasi 33 Gambar 2.28. Memasukkan Confirmation Code 33 Gambar 2.29. Memasukkan Email dan Password 34 Gambar 2.30. Control Panel Domain dot.tk 34 Gambar 2.31. Manage DNS Server 35 Gambar 2.32. Membuka http://www.idhostinger.com 35 Gambar 2.33. Mengisi Form Hosting 36 Gambar 2.34. Email Masuk dari Idhostinger 36 Gambar 2.35. User ID dan Password Dikirim ke Email 37 Gambar 2.36. Link Konfirmasi 37 Gambar 2.37. Pengisian Form Hosting 38 Gambar 2.38. Pendaftaran Hosting Berhasil 38 Gambar 2.39. Email untuk Mengganti NS 39 Gambar 2.40. Menu Lupa Password 39 Gambar 2.41. Email pada Saat Mendaftar 40 Gambar 2.42. Password Dikirim ke Email 40
Daftar Gambar ix Gambar 3.43. Password Dikirim ke Email 41 Gambar 3.44. Link Konvirasmi 41 Gambar 2.45. Link Validasi Valid 42 Gambar 2.46. Konfirmasi Password 42 Gambar 2.47. Password Baru 43 Gambar 2.48. Panel Login 43 Gambar 2.49. Menu My Profile 44 Gambar 2.50. Mengganti Password 44 Gambar 2.51. Membuat Akun Baru 45 Gambar 2.52. Pilihan Biaya 45 Gambar 2.53. Mendaftar Subdomain 46 Gambar 2.54. Create Domain 46 Gambar 2.55. Daftar Domain 47 Gambar 2.56. Domain Aktif 47 Gambar 2.57. Pooling 48 Gambar 2.58. Control Panel 48 Gambar 2.59. Domain Panel dot.tk 49 Gambar 2.60. Email DNS ID Hostinger Masuk 49 Gambar 2.61. Email DNS ID Hostinger 50 Gambar 2.62. Entry NS 50 Gambar 2.63. Hasil Setting Berhasil Disimpan 51 Gambar 2.64. Hasil Setting Selesai 51 Gambar 2.65. Daftar Domain 52 Gambar 3.1. Hosting Manajer 53 Gambar 3.2. Ikon Auto Installer 54 Gambar 3.3. Di Dalam Engine Fantastico Deluxe 54 Gambar 3.4. Folder User Akun Wordpress 55 Gambar 3.5. Installasi Wordpress Selesai 55 Gambar 3.6. Tampilan Awal Wordpress 56 Gambar 3.7. Tampilan Menu Login Web 56 Gambar 3.8. User Login Wordpress 57 Gambar 3.9. Desktop Admin Wordpress 57 Gambar 3.10. Desktop Theme 58
x Cara Mudah Membuat Web... Gambar 3.11. Desktop Manage Theme 58 Gambar 3.12. Penambahan Theme dengan Search 59 Gambar 3.13. Penambahan Theme dengan Featured 59 Gambar 3.14. Penambahan Theme dengan Newest 60 Gambar 3.15. Penambahan Theme dengan Recently 60 Gambar 3.16. Menu Upload Theme 61 Gambar 3.17. Mengambil Theme pada Komputer 61 Gambar 3.18. Install Theme 62 Gambar 3.19. Aktivasi Theme 62 Gambar 3.20. Desktop Theme Sudah Bertambah 63 Gambar 3.21. Tampilan Web Berubah Sesuai yang Dipilih 63 Gambar 3.22. Widget 64 Gambar 3.23. Widget Aktif 67 Gambar 3.24. Memilih Widget ke Sidebar 67 Gambar 3.25. Menu General Setting 68 Gambar 3.26. Menu Date dan Setting 69 Gambar 3.27. Hasil Settingan Wordpress 70 Gambar 3.28. Menu Plug In Wordpress 71 Gambar 3.29. Menu Plug In 71 Gambar 3.30. Search Plug In 72 Gambar 3.31. Install Plug In 72 Gambar 3.32. Hasil pencarian Plug In 73 Gambar 3.33. Installasi Plug In 73 Gambar 3.34. Plug in Populer 74 Gambar 3.35. Group Plug in 74 Gambar 3.36. Installasi Plug In 75 Gambar 3.37. Daftar plug in 75 Gambar 3.38. Browse File Plug In 76 Gambar 3.39. Versi Wordpress 77 Gambar 3.40. Menu Update Versi Wordpress 77 Gambar 3.41. Update Database 78 Gambar 3.42. Update Database Selesai 78 Gambar 3.43. Update Wordpress Berhasil 79