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:
[email protected] Hak Cipta dilindungi undang-undang. Dilarang memperbanyak 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.
P
uji 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 Gambar 1.2. Beberapa Simbol Web Browser Gambar 1.3. Web Browser Mozila Firefox Gambar 1.4. Web Browser Internet Explorer Gambar 1.5. Web Browser Safari Gambar 1.6. Web Browser Safari -2 Gambar 1.7. Web Browser Flock Gambar 1.8. Web Browser Opera Gambar 1.9. Web Browser K-Meleon Gambar 1.10. Web Browser SeaMonkey Gambar 1.11. Web Browser Google Chrome Gambar 1.12. Web Browser Camino Gambar 1.13. Web Browser Konqueror Gambar 2.1. Main Desktop Intermediasolo.net Gambar 2.2. Pencarian dot.tk Gambar 2.3. Domain Sudah Terpakai Gambar 2.4. Menu Who Is Domain Gambar 2.5. Hasil Pencarian Who Is Domain Gambar 2.6. Domain Bisa Dipakai Gambar 2.7. Register Domain Gambar 2.8 Register Akun Gambar 2.9. Pencarian Domain Berhasil
4 8 9 10 10 11 11 12 12 13 14 14 15 20 20 21 21 22 22 23 23 24
viii
Cara Mudah Membuat Web ...
Gambar 2.10. Memasukkan URL pada Opsi Forward Domain Gambar 2.11. Mengisi Durasi Web dan Kode Capthca Gambar 2.12. Tombol Setup Gambar 2.13. Share Jejaring Sosial Gambar 2.14. Share Jejaring Sosial Facebook Gambar 2.15. Post Jejaring Sosial Facebook Gambar 2.16. Share Facebook Berhasil Gambar 2.17. Memilih Akun Google Gambar 2.18. Persetujuan Google Buzz Gambar 2.19. Google Buzz Aktif Gambar 2.20. Ikon Login Gambar 2.21. User Login dengan Jejaring Sosial Gambar 2.22. User Login dengan Jejaring Sosial Berhasil Gambar 2.23. Register dot.tk Gambar 2.24. Email Register Gambar 2.25. Register dot.tk Gambar 2.26. Email Register dot.tk Masuk Gambar 2.27. Email Notifikasi Gambar 2.28. Memasukkan Confirmation Code Gambar 2.29. Memasukkan Email dan Password Gambar 2.30. Control Panel Domain dot.tk Gambar 2.31. Manage DNS Server Gambar 2.32. Membuka http://www.idhostinger.com Gambar 2.33. Mengisi Form Hosting Gambar 2.34. Email Masuk dari Idhostinger Gambar 2.35. User ID dan Password Dikirim ke Email Gambar 2.36. Link Konfirmasi Gambar 2.37. Pengisian Form Hosting Gambar 2.38. Pendaftaran Hosting Berhasil Gambar 2.39. Email untuk Mengganti NS Gambar 2.40. Menu Lupa Password Gambar 2.41. Email pada Saat Mendaftar Gambar 2.42. Password Dikirim ke Email
24 25 25 26 26 27 27 28 28 29 29 30 30 31 31 32 32 33 33 34 34 35 35 36 36 37 37 38 38 39 39 40 40
Daftar Gambar
Gambar 3.43. Password Dikirim ke Email Gambar 3.44. Link Konvirasmi Gambar 2.45. Link Validasi Valid Gambar 2.46. Konfirmasi Password Gambar 2.47. Password Baru Gambar 2.48. Panel Login Gambar 2.49. Menu My Profile Gambar 2.50. Mengganti Password Gambar 2.51. Membuat Akun Baru Gambar 2.52. Pilihan Biaya Gambar 2.53. Mendaftar Subdomain Gambar 2.54. Create Domain Gambar 2.55. Daftar Domain Gambar 2.56. Domain Aktif Gambar 2.57. Pooling Gambar 2.58. Control Panel Gambar 2.59. Domain Panel dot.tk Gambar 2.60. Email DNS ID Hostinger Masuk Gambar 2.61. Email DNS ID Hostinger Gambar 2.62. Entry NS Gambar 2.63. Hasil Setting Berhasil Disimpan Gambar 2.64. Hasil Setting Selesai Gambar 2.65. Daftar Domain Gambar 3.1. Hosting Manajer Gambar 3.2. Ikon Auto Installer Gambar 3.3. Di Dalam Engine Fantastico Deluxe Gambar 3.4. Folder User Akun Wordpress Gambar 3.5. Installasi Wordpress Selesai Gambar 3.6. Tampilan Awal Wordpress Gambar 3.7. Tampilan Menu Login Web Gambar 3.8. User Login Wordpress Gambar 3.9. Desktop Admin Wordpress Gambar 3.10. Desktop Theme
ix 41 41 42 42 43 43 44 44 45 45 46 46 47 47 48 48 49 49 50 50 51 51 52 53 54 54 55 55 56 56 57 57 58
x
Cara Mudah Membuat Web ...
Gambar 3.11. Desktop Manage Theme Gambar 3.12. Penambahan Theme dengan Search Gambar 3.13. Penambahan Theme dengan Featured Gambar 3.14. Penambahan Theme dengan Newest Gambar 3.15. Penambahan Theme dengan Recently Gambar 3.16. Menu Upload Theme Gambar 3.17. Mengambil Theme pada Komputer Gambar 3.18. Install Theme Gambar 3.19. Aktivasi Theme Gambar 3.20. Desktop Theme Sudah Bertambah Gambar 3.21. Tampilan Web Berubah Sesuai yang Dipilih Gambar 3.22. Widget Gambar 3.23. Widget Aktif Gambar 3.24. Memilih Widget ke Sidebar Gambar 3.25. Menu General Setting Gambar 3.26. Menu Date dan Setting Gambar 3.27. Hasil Settingan Wordpress Gambar 3.28. Menu Plug In Wordpress Gambar 3.29. Menu Plug In Gambar 3.30. Search Plug In Gambar 3.31. Install Plug In Gambar 3.32. Hasil pencarian Plug In Gambar 3.33. Installasi Plug In Gambar 3.34. Plug in Populer Gambar 3.35. Group Plug in Gambar 3.36. Installasi Plug In Gambar 3.37. Daftar plug in Gambar 3.38. Browse File Plug In Gambar 3.39. Versi Wordpress Gambar 3.40. Menu Update Versi Wordpress Gambar 3.41. Update Database Gambar 3.42. Update Database Selesai Gambar 3.43. Update Wordpress Berhasil
58 59 59 60 60 61 61 62 62 63 63 64 67 67 68 69 70 71 71 72 72 73 73 74 74 75 75 76 77 77 78 78 79
