Bikin Website Bernilai Jutaan

Bikin Website Bernilai Jutaan

Bikin Website Bernilai Jutaan Su Rahman PENERBIT PT ELEX MEDIA KOMPUTINDO

Bikin Website Bernilai Jutaan Su Rahman 2017, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan pertama kali oleh Penerbit PT Elex Media Komputindo Kelompok Gramedia, Anggota IKAPI, Jakarta 2017 anindita@elexmedia.id ID: 717050249 ISBN: 978-602-04-0084-6 Dilarang keras menerjemahkan, memfotokopi, atau memperbanyak sebagian atau seluruh isi buku ini tanpa izin tertulis dari penerbit. Dicetak oleh Percetakan PT Gramedia, Jakarta Isi di luar tanggung jawab percetakan

Thanks to my wife Love you always

Daftar Isi Apresiasi Pembaca... vi Kata Pengantar... ix Daftar Isi... xi BAB 1 Peluang Bisnis Web Design Instan... 1 1.1 Kenapa Web Design Instan?... 2 1.2 Penggunaan Hosting... 4 1.3 Penggunaan SSL... 6 1.4 Pemberian Design Website yang Sesuai dengan Kebutuhan dan Data... 8 1.5 Percantik dengan Elemen-Elemen Website... 9 1.6 Berikan Layanan SEO... 10 BAB 2 Membuat Website HTML... 13 2.1 Yang Dibutuhkan... 14 2.2 Instalasi LocalHost... 15 2.3 Mengoneksikan Dreamweaver dengan LocalHost... 23 2.4 Mendapatkan Template HTML... 30 xi

2.5 Mendesain Header Website... 37 2.6 Mendesain Konten Informasi Front Page... 49 2.7 Membuat Menu Navigasi... 63 2.8 Mendesain Konten Informasi Formal... 66 2.9 Mendesain Informasi Contact... 77 2.10 Mengganti Copyright Footer... 86 2.11 Mengganti Text pada Bar Browser... 89 BAB 3 Proses Upload Website... 93 3.1 Instalasi FTP... 96 3.2 Penyetingan FTP... 100 3.3 Mulai Upload File Website ke dalam Server... 100 3.4 Mengedit PHP Email Prosesor Melalui File Manager cpanel... 109 BAB 4 Elemen Website Slider... 111 4.1 Instalasi Software... 112 4.2 Membuat Slider... 114 4.3 Memilih Template dan Slider... 116 4.4 General Setting... 118 4.5 Mengubah Caption... 119 4.6 Publikasi... 121 4.7 Menyisipkan Slider ke dalam Website... 122 xii

BAB 5 Elemen Website Multimedia... 133 5.1 Mulai Membuat Gallery Video... 134 5.2 Melakukan Penyetingan... 137 5.3 Melakukan Publikasi... 140 5.4 Menyisipkan Gallery Video pada Halaman Website... 144 BAB 6 Membuat Menu Navigasi Gaya... 151 6.1 Menginstal Software... 152 6.2 Mulai Membuat Menu... 152 6.3 Melakukan Penyetingan... 157 6.4 Memasang Menu di Halaman Website... 160 BAB 7 Elemen Tambahan Lain... 163 7.1 Social Share... 164 7.2 Google Maps... 170 7.3 Form Email... 171 7.4 Google Form... 177 BAB 8 Elemen Website untuk WordPress agar Bisa Dijual dengan Harga Mahal... 187 8.1 Page Builder... 189 8.1.1 Pengalaman Mengelola WP Asia... 190 8.1.2 Site Origin Page Builder Gratis Terbaik Bagi Pengguna WordPress... 193 xiii

8.2 ShortCode... 195 8.3 Slider... 196 8.4 Gallery Photo... 197 BAB 9 Elemen Website untuk Joomla agar Bisa Dijual dengan Harga Mahal... 199 Penutup... 201 Biodata Singkat Penulis... 203 xiv

Bab 1 Peluang Bisnis Web Design Instan Kemajuan teknologi internet yang begitu pesat telah memberikan arti tersendiri di dalam kehidupan, teknologi internet juga mendorong gerak laju bisnis ke arah yang berbeda. Banyak peluang yang bisa dimanfaatkan dan banyak potensi bisnis yang bisa dikembangkan di dunia maya. Siapa saja bisa memanfaatkannya, siapa saja bisa meraih sukses dari internet. Asalkan, yup, asalkan! Mau bekerja keras memanfaatkan internet. Tidak akan pernah ada pengganti dari kerja keras untuk mencapai kesuksesan dalam bentuk apa pun di dunia ini. Jadi, jika sekarang ini bisnis Anda kurang bagus, silakan evaluasi letak kekurangannya dan perbaiki dengan bekerja lebih keras lagi. Peluang Bisnis Web Design Instan Salah satu peluang bisnis yang terbuka lebar dan masih terus berpotensi untuk tumbuh subur adalah web designer. Jangan berkecil hati jika Anda bukan termasuk orang yang bisa meng-koding. Koding bukan lagi masalah di dalam dunia web designer, koding dibutuhkan bagi web developer, sementara bagi web designer tidak harus. 1

Tentu, web developer membutuhkan keahlian meracik kode-kode untuk menghasilkan suatu perintah tertentu yang nantinya akan diimplementasikan ke dalam website. Misalnya, di dalam e-commerce dibutuhkan search engine yang memudahkan pengunjung dalam mencari produk. Maka, tugas seorang web developer adalah membuat search engine yang sesuai dengan kebutuhan website. Dan, untuk melakukan hal tersebut, tentunya dibutuhkan kemampuan meng-koding yang tinggi. Sementara itu, seorang web designer tidak perlu mengerti pemograman. Dengan memanfaatkan teknologi CMS atau template HTML, maka sebuah website profesional bisa tercipta. Untuk kebutuhan pembahasan pembuatan website dengan CMS, Anda bisa membaca buku-buku saya yang lain. Saya sudah banyak memberikan pembahasan detail dan mendalam dari banyak sisi yang bisa Anda manfaatkan untuk membuat website profesional secara instan. Saya juga menyediakan program e-learning yang bisa Anda ikuti, silakan kunjungi website-website berikut: http://www.kursus-online.asia http://www.kursusweb.info http://www.buatwebsitesekolah.com http://www.belajar-joomla.net http://www.kursusblogpro.web.id http://www.surahman.co Dan masih banyak lagi. Silakan lihat link lainnya pada website-website di atas. 1.1 Kenapa Web Design Instan? Seperti yang sudah saya singgung di atas, bahwa untuk menjadi web designer Anda tidak perlu mengerti bahasa pemograman. Yang Anda 2

butuhkan adalah pengetahuan dalam menggunakan aneka tool, mulai dari CMS hingga software generate. Hasilnya adalah sebuah website profesional yang bisa Anda ciptakan, dan asyiknya tidak dibutuhkan waktu yang panjang untuk menghasilkan website tersebut. Dalam hitungan puluhan menit, Anda sudah bisa menghasilkan sebuah website dengan tampilan profesional. Berbeda dengan menggunakan koding, di mana Anda harus menggarap website dari nol dan menuliskan bait demi bait kode pemograman untuk menghasilkan sebuah website sesuai dengan kebutuhan klien. Harga Adalah Ilusi Biasanya dari sisi harga akan berbeda, untuk website kustom yang menggunakan pemograman tentu harganya lebih mahal karena sebanding dengan tingkat kesulitan yang harus dikerjakan oleh si web developer-nya. Meskipun demikian, tidak menutup kemungkinan jika website yang dibuat dengan tool, seperti CMS atau generate, juga bisa mahal tergantung dari bagaimana Anda selaku web designer menegosiasikan harga. Tidak ada patokan harga di dalam bisnis web designer. Harga merupakan ilusi di dalam bisnis yang satu ini. Mulai dari harga yang murahnya tidak masuk akal hingga harga mahal yang amat tidak masuk akal, bisa terjadi di dalam bisnis web design. Tidak akan pernah ada patokan harga yang bisa distandarkan dalam binis web design dan ini merupakan sebuah keuntungan tersendiri bagi web master untuk bisa mengeruk keuntungan yang lebih tinggi. Kuncinya adalah pada kemampuan negosiasi agar bisa lebih mudah dalam menjual website Anda dengan harga mahal. Saya memberikan beberapa parameter yang bisa Anda jadikan rujukan dan Anda kembangkan untuk menjual website dengan harga semahal-mahalnya. Tidak menjadi soal apakah itu adalah jasa layanan web design instan atau web design kustom dengan pemograman koding. 3

Lima parameter di bawah ini merupakan pengalaman saya dalam melakukan penjualan, dan saya bagikan khusus bagi pembaca buku ini. Silakan nanti Anda kembangkan kembali ke dalam bisnis web design Anda. 1.2 Penggunaan Hosting Pengalaman saya penggunaan hosting menjadi unsur penting di dalam dunia web design, terutama kecepatannya. Banyak yang beranggapan jika hosting-nya berada di local, website menjadi lebih cepat diakses. Pengalaman saya tidak selalu demikian. Kecepatan akses akan sangat bergantung pada spesifikasi server dan jaringan yang digunakan oleh hosting tersebut. Jadi, untuk pastinya, silakan Anda lakukan tes kecepatan terhadap website yang berada di dalam hosting tersebut. Pastikan akses website cukup cepat loading sewaktu diakses via mobile, karena sekarang ini akses mobile mendominasi sehingga menjadi penting bagi sebuah website untuk tampil cepat pada perangkat mobile. Fitur Space Besar Hingga Unlimited Pertanyaan awal yang diajukan oleh calon klien terkait dengan hosting adalah bukan berada di mana hosting yang akan digunakan, melainkan pada berapa space yang didapat oleh klien nantinya. Ingat, ini penting! Space bagi klien menjadi penting, karena yang klien tahu space berfungsi untuk menyimpan file-file website dan juga untuk kebutuhan email di mana besaran penyimpanan inbox email akan bergantung pada space hosting yang didapat. Untuk itu, silakan gunakan space hosting yang besar hingga unlimited. Nah, dari sini Anda bisa memainkan harga. Untuk kebutuhan hosting dengan space besar hingga unlimited, namun tetap terjangkau dari sisi harga, sementara dari sisi server Anda juga mendapatkan fitur-fitur modern yang sesuai untuk kebutuhan website profesional, silakan kunjungi situs https://www.dvipantarahosting.com. 4

https://www.dvipantarahosting.com hosting murah dengan banyak pilihan paket bagi profesional Fitur Email 5 GB Salah satu fitur yang saya gunakan untuk menjual website dengan harga mahal adalah fitur email 5 GB. Dalam fitur ini, klien akan mendapatkan 24 akun email. Artinya, klien bisa membuat 24 akun email dengan nama domain, misalnya marketing@namadomain.com atau perusahaan@domainperusahaan.com dan seterusnya sebanyak 24 buah akun email dengan nama domain. Asyiknya, setiap akun yang dibuat akan mendapatkan space penyimpanan sebesar 5 GB untuk kebutuhan email. Sehingga, kuota space hosting 100% terpakai untuk kebutuhan website. Jika menggunakan space 1 GB, maka klien dapat menggunakan space 1 GB untuk kebutuhan file-file website. Trik ini terbukti ampuh untuk meningkatkan penjualan website dan juga untuk menarik perhatian klien, sehingga mereka berkenan merogoh koceknya lebih dalam lagi untuk membayar jasa pembuatan website yang saya berikan. Jika Anda tertarik, Anda bisa menggunakan layanan ini pada website https://www.dvipantarahosting.com. Silakan Anda lihat spesifikasi paket 5

hosting pada server USA. Paket email 5 GB ini hanya berlaku untuk paket server USA. Contohnya adalah paket Promosi Space 1 GB (Promo terbatas) https://www.dvipantarahosting.com/promo-terbatas-hosting-ssdmurah-server-usa/ di mana Anda bisa mendapatkan space hosting sebesar 1 GB dan BW 5G hanya seharga Rp150 ribu/tahun. Plus, sudah mendapatkan fitur email 5 GB, sehingga space hosting yang 1 GB ini bisa dipergunakan 100% untuk kebutuhan website. 1.3 Penggunaan SSL SSL adalah kependekan dari Secure Socket Layer yang merupakan suatu protocol layer transport yang digunakan dalam koneksi internet secara aman. Jika Anda menginginkan suatu koneksi komunikasi lewat internet dengan cara yang secure, maka gunakan koneksi SSL. SSL menawarkan tiga tingkat keamanan, yaitu: Authentication: memastikan bahwa message yang diterima berasal dari seseorang yang tersurat. Confidentiality: melindungi pesan dari suatu usaha pembacaan oleh penerima yang tidak berhak di sepanjang perjalanannya. Integrity: memastikan bahwa pesan asli, tidak mengalami perubahan dalam perjalanannya. Jika Anda pernah memerhatikan di browser internet yang menggunakan HTTPS, maka koneksi internet ini menggunakan SSL yang umum dipakai pada suatu transaksi online. Jadi, HTTPS adalah suatu protocol untuk melakukan transfer data yang terinkripsi melalui web. Beberapa tahun lalu, penggunaan SSL didominasi oleh website-website berbasis e-commerce atau website yang menggunakan fitur transaksi online. Namun, sekarang ceritanya berbeda. Untuk kebutuhan SEO dan branding, SSL dipergunakan oleh para web master untuk website company profile yang tidak memerlukan transaksi online. 6

Biodata Singkat Penulis Pada tahun 2007, Su Rahman yang dibantu oleh co-founder Harny, mendirikan Cipta Karya Mandiri, sebuah perusahaan website dan SEO, jasa pembuatan yang kemudian lebih dikenal dengan nama C design. Seiring dengan pengalaman, terjadi dalam memandang bertambahnya perluasan visi dunia online. Kemudian, pada bulan November 2013, Su Rahman mengubah nama perusahaannya tersebut menjadi Simple C yang memberikan jasa layanan yang mencakup: WordPress Development SEO & Internet Marketing Hosting & Pendaftarann Domain Penjualan & Pengembangan Theme WordPress In-House Training E-learning Simple C adalah sebuah cara dalam memandang dunia online dengan sudut pandang yang berbeda di mana sekarang ini masyarakat 203

memandang dunia online dengan persepsi yang ribet, sehingga ada kecenmenjaga derungan untuk batas dengan dunia online. Padahal tidak juga! Dunia online penuh dengan di- namika yang menyenang- kan dan tidaklah se-ribet yang dibayangkan. Banyak orang yang berlabelkan gaptek men- yang dulang kesuksesan luar biasa dari dunia online, karena memang dunia online memberikan peluang yang tak terbatas. Yang dibutuhkan hanyalah sebuah sudut pandang yang berbeda dalam memandang dunia online itu sendiri. Begitu menggunakan kacamata ke-simpel-anmana, akan berubah menjadi sebuah peluang tanpa batas yang dapat dimanfaatkan oleh siapa saja untuk maka dunia online yang semula bak ranah entah di mendapatkan keuntungan seluas-luasnya. Berbekal pengalaman pribadi, Su Rahman yang pernah diwawancarai beberapa media ini berbagi pengalamann dalam lembaran buku dan pelatihan seputar Web Design, SEO, dan Internet Marketing. Puluhan judul bukunya telah menginspirasi banyak orang untuk mulai merambah, memanfaatkan, dan menggeluti dunia maya untuk menyukseskan bisnis masing-masing. 204