Daftar Isi: Cara Membuat Website

1 Memilih Niche untuk Website

2 Memilih Domain dan Membeli Hosting

3 Membuat Website dengan WordPress

3.C Membuat Halaman Web

3.D Menyusun Menu

3.E Memasukkan Widget

3.F Menginstall Plugin

3.G Melakukan Costumize Thema

3.H Melakukan Costumize Permalink

3.I BACK UP

3.J Menambah Kemanan Web

3.K Mengulang Pembuatan Website

3.L Edit Css Html

Langkah langkah membuat website

Memiliki Website sama dengan memiliki perusahaan Anda sendiri. Dibandingkan dengan biaya yang harus Anda keluarkan, manfaat website jauh lebih besar.

Website berbeda dengan web 2.0 seperti blogspot, wordpress.com, weebly, fans page atau lainnya. Di dalam dunia internet marketing internasional, web 2.0 digunakan hanya sebagai situs pendukung untuk menaikkan traffic dan mendapatkan backlink, bukan sebagai situs utama.

Kalau Anda tahu cara membuat website, harganya sangat terjangkau. Dimulai dari Rp 1000 per hari atau Rp. 360.000 per tahun.

1. Memilih Niche untuk website

Sebagai awal, tentukan dahulu niche apa yang akan Anda ambil. Niche adalah bahasan spesifik yang terfokus untuk kalangan tertentu. Misalkan, Anda memilih Niche olahraga sepakbola, artinya dalam situs Anda sebaiknya hanya membahas tentang sepakbola dan menjual produk yang berkaitan dengan sepakbola.

Langkah ini sederhana, namun sangat penting untuk pengembangan web Anda ke depannya. Semakin spesifik sebuah niche juga menarik pengunjung yang spesifik juga. Search engine juga memberikan penilaian dari relevansi situs Anda dengan niche yang Anda ambil.

Jadi, sebelum membuat website, tentukan dulu niche yang memang ingin Anda kembangkan untuk menghasilkan income.

Kalau Anda membuat website yang difokuskan untuk pengembangan produk bisnis Anda, Anda tidak perlu bingung memikirkan pemilihan niche dalam pembuatan website. Cukup gunakan tema produk bisnis Anda sebagai niche Anda.

2. Memilih Domain dan Membeli Hosting

2.A Domain
Domain adalah nama dari situs web Anda, seperti www.namaAnda.com atau www.namaAnda.co.id sebenarnya tidak ada teori khusus untuk memilih nama domain. Pilihlah nama domain yang mencerminkan niche Anda dan mudah diingat.

Perlu dihindari menggunakan nama domain yang terlalu panjang, karena memiliki Seo score yang rendah karena sekarang EDM – Exact Domain Match tidak lagi memiliki score tinggi dalam SEO dan membuat nama web Anda sulit diingat.

Apa perbedaan .com, .co.id, .net dan lainnya ?
com adalah domain berbasis internasional dan dikelola oleh Internet Corporation for Assigned Names and Numbers. Sedangkan .co.id domain berbasis nasional dikelola oleh Indonesia Network Information Center.

Sedangkan untuk GOV, EDU, COM, MIL, ORG, dan NET. adalah Generic Top Level domain yang diciptakan saat Internet awal diliuncurkan. Sebenarnya hal ini dimaksudkan untuk memisahkan website menjadi kelompok sesuai jenis website tersebut.

GOV untuk GOVerment, EDU untuk EDUcation, COM untuk COMmercial, MIL untuk MILitary, NET untuk NETworks, dan ORG untuk ORGanisations.

Nama domain sangat terbatas, satu nama hanya bisa dimiliki satu pengguna. Anda bisa juga membeli domain “bekas” di situs lelang seperti Go Daddy.

2.B Hosting
Setelah memiliki domain, Anda membutuhkan tempat untuk menyimpan data yang akan dimasukkan pada situs Anda di internet. Hosting adalah tempat untuk menyimpan data-data situs kita.

Anda bisa membeli domain, dan hosting disini, Anda juga bisa sekedar mengecek nama domain pilihan Anda apakah masih tersedia dan melihat biaya yang ditawarkan tanpa harus membelinya dahulu.

Anda bisa melihat hosting dan domain – sekaligus membelinya disini>> Domain+Hosting

Cara Pembelian Domain + Hosting

Ini adalah contoh proses pembelian hosting dan domain di salah satu perusahaan hosting rekomendasi saya. Pilih Pahe Hosting atau Student Hosting kalau Anda masih pelajar

Order Paket yang Anda inginkan

Lanjutkan menuju keranjang belanja Anda dan pilih nama domain yang Anda inginkan.

Bila nama domain masih tersedia Anda bisa memesannya.

Lanjutkan pemesanan

Pilih periode pembayaran yang Anda inginkan

Lanjutkan dengan memperbaharui pesanan Anda

Anda akan melihat total belanja Anda (Domain + Hosting) klik Selesai

Isi data Anda, Pastikan alamat e mail Anda benar dan bisa Anda akses.

Selesaikan pemesanan dan Anda tinggal membayar belanja Anda dengan no rekening yang diberikan.

3 Membuat Website dengan WordPress

Setelah membeli domain dan hosting, Anda bisa mulai membangun website dengan beberapa cara, yang paling mudah dan umum dipakai adalah menggunakan web builder melalui c pannel yang diberikan penyedia hosting Anda setelah Anda membelinya.

WordPress adalah web builder pilihan terbaik untuk Anda. Mungkin Anda mengenal beberapa web builder lainnya untuk membangun website. Namun kalau Anda menginginkan:

Situs yang mudah dimodifikasi
Mudah diaplikasi SEO
Memiliki banyak sekali pilihan thema
Memiliki banyak plugin super yang mudah digunakan
Gratis
Selalu update

Maka WordPress adalah pilihannya

3.A Menginstall wordpress melalui c pannel

Setelah Anda membeli domain dan hosting, perusahaan penyedia layanan akan mengirimkan Anda e mail yang berisi :

Domain: DomainAnda.com
Username: XXXXXX
Password: **********
Plan Hosting: Plan Pilihan Anda
Alamat IP Server:**********
FTP Hostname: ********
Control Panel: http://www.DomainAnda.com/*****

Buka link control pannel tersebut di mozilla atau chrome, masukkan user name dan password, klik login

Anda akan masuk dalam C pannel

Scrool ke bawah, Klik auto installer atau kalau Anda melihat icon wordpress di softaculous apps installer klik icon wordpress tersebut.

Pilih webuilder Anda dan install wordpress

Ada beberapa kolom yang harus Anda isi terlebih dahulu :

Klik install dan wordpress Anda sudah bisa digunakan.

Ada dua link yang akan Anda dapatkan. Pilih link dengan wp-admin untuk menuju ke dashboard wordpress Anda.

3.B Menginstall tema

Tema seperti bingkai untuk website Anda. Anda bisa memilih tema sesuai keinginan Anda. Buka link dashboard Anda, masuk ke dalam dashboard wordpress Anda dengan admin user name dan password yang Anda ketikkan saat menginstall wordpress di langkah pertama.

Masuk dan pilih Appearence >> theme

Pilih thema, Anda bisa lihat previewnya terlebih dahulu, kemudian klik install pada thema pilihan Anda. Disini di contohkan menggunakan Simple Catch, tema lainnya memiliki cara mengaktfkan yang sama.

Anda juga bisa mengupload berbagai pilihan tema wordpress yang bisa Anda cari melalui google.

Setelah install, Aktifkan thema

Anda bisa mencari thema wordpress di google. Ketikkan saja free theme wordpress atau apapun thema yang ingin Anda cari.

Pilih situs yang Anda ingin lihat, lihat beberapa thema yang tersedia untuk di download.

Download thema pilihan Anda. Disini Anda akan mendownload thema dalam bentuk zip atau rar

Masuk ke dashboard thema di wordpress, di bagian appearence » themes seperti yang sudah dterangkan di awal dan klik add new

Bedanya, dsini Anda harus mengupload upload theme yang tadi Anda download

Masukkan file zip theme yang tadi Anda simpan

Install

Kalau berhasil, Anda bisa mengaktifkan thema tersebut

Sekarang Anda sudah bisa mengaktifkan tema wordpress dengan dua cara.
Wordpress menyediakan ribuan tema yang bisa Anda pilih. Kalau Anda pemula, Anda bisa menggunakan tema populer seperti Twenty Twelve, Twenty Fourteen, Twenty Thirteen, atau Twenty Eleven

Anda bisa mencari tema lainnya di Google. Rekomendasi saya, adalah tema terbaru yang responsive dan berstruktur html 5 .

3.C Membuat halaman web dengan Post atau Page

Setelah thema Anda terinstall, Anda bisa mulai membuat halaman situs Anda dengan post atau page.

Halaman situs bisa digunakan untuk :

• Artikel
• Profil
• Deskripsi produk
• Menempatkan peta usaha Anda
• Menempatkan video Anda
• Formulir pemesanan dan lainnya

Menambah Post

Post memiliki hubungan dengan waktu pembuatan (kronologis), berhubungan dengan tag dan category. Anda tidak bisa menggunakan posting sebagai halaman depan situs Anda (Home Page) tapi bisa meletakkan post diwidget Anda sebagai popular post atau recent pos.

Menambah Page

Page lebih kaku, dan tidak berhubungan dengan waktu pembuatan (statis) tidak berhubungan dengan tag maupun category. Anda bisa menempatkan page untuk halaman depan situs Anda (Home Page) melalui setting » reading

Kalau biasanya Halaman depan website berisi kumpulan post. Settingan diatas membuat halaman depan berisi salah satu page yang Anda buat.

Membuat Post maupun Page sangat mudah, Anda bisa menggunakannya seperti microsoft word.

Mengisi halaman web Anda (Post atau Page)

Memasukkan foto

Pilih foto dari folder komputer Anda

Lalu file gambar Anda akan masuk ke media di wordpress, pilih dan edit gambar sebelum dimasukkan.

Memasukkan link yang menuju halaman web lain (Attach link)
Anda bisa membuat kata atau gambar dari postingan Anda menuju ke halaman lain di situs Anda atau situs lainnya dengan memasukkan link url.

Cukup copy url tujuan Anda dan letakkan di kolam attach link klik add link.

Ini memubuat kata yang mengandung link url menjadi anchor text.

Memasukkan Google Map
Anda bisa memasukkan peta lokasi dari google map untuk menunjukan lokasi Anda. Caranya cukup mudah. Masuk dalam maps.google.com kemudian tulis alamat yang Anda inginkan sehngga tampak seperti tampilkan ini :

Pilih embed map di sudut kanan bawah

Pilih ukuran yang Anda ingnkan – nantinya bisa Anda ubah – copy kode yang disediakan

Masuk dalam dashboard postingan Anda dan masukan kode dari google map dalam bagian text

Sehingga dalam bagian visual akan tampak seperti ini

Ketika di publish, peta akan muncul di postingan Anda.

Note : Kode google map juga Anda bisa masukkan d bagian widget dengan text widget.

Memasukkan video Youtube
Kalau Anda ingin memasukkan video ke halaman Anda, langkah paling mudah adalah memasukkan video Anda ke youtube atau pilih video yang Anda suka, kemudian di bawah video tersebut akan Anda pilihan embed video

Sama seperti memasukkan kode google map, masukkan kode tersebut di bagian text dashboard postingan Anda.

Memberi Tag atau Kategori

Berikan katagori atau tag di tiap post untuk pengelompokan halaman web. Kategori dan tag ini nantinya bisa dipakai untuk menyusun menu. Misal Anda ingin memiliki menu yang berisi kumpulan produk Anda, maka berikan kategori Produk untuk semua posting yang berhubungan dengan produk. Ingat, ini hanya bisa dlakukan di Post.

Memilih layout postingan

Terkadang, beberapa tema memiliki pengaturan layout untuk menentukan letak sidebar (biasanya tempat untuk widget) saat Anda membuat page/post.

Terakhir, klik publish post/page

Contoh posting sederhana dalam website

Memasukkan Formulir
Kalau Anda pemilik usaha dengan produk yang tidak terlalu bervarian. Anda bisa menggunakan formulir pemesanan daripada membuat e commerce. Pembuat formulir menggunakan pluggin ninja form.

Note :
Dalam bisnis online, Anda berhadapan dengan pengunjung melalui tulisan. Tulisan Anda adalah salesman Anda. Keputusan pengunjung situs untuk mulai membeli yang Anda tawarkan, datang kembali ke situs Anda dan lainnya sebagian besar berasal dari tulisan yang Anda buat.

Bonus :
Anda bisa mempelajari cara membuat tulisan/kontent yang powerfull dengan teknik copywriting.

3.D Menyusun Menu

Menu adalah navigasi website Anda, biasanya letaknya ada di Header Situs Anda. Cara membuat Menu baru cukup Mudah, Appearence >> Menu » Create Menu.

Kemudian di sebelah kiri Anda akan melihat page, links dan category yang Anda bisa pilih untuk di tambahkan ke Menu baru. Cukup centang bagian yang Anda inginkan untuk Ada di menu dan klik Add to menu.

Bagian yang Anda pilih akan muncul di sebelah kanan sebagai Menu yang akan muncul di header situs Anda.

Misalkan Anda memasukkan category Hewan (Category Anda buat saat Anda membuat post) maka semua posting yang berlabel category hewan akan muncul di menu tersebut. Anda bisa menggeser penempatan menu (menu structure), cukup tarik ke atas atau ke bawah kotak menu.

Setelah menyusun menu, save Menu. Ada opsi di menu setting yang membuat setiap page akan menjadi menu baru, sebaiknya jangan dicentang.

Apabila Anda menyusun menu dengan urutan seperti gambar diatas, maka akan muncul Header Menu seperti di bawah ini.

[Update 10/2014]
Anda juga bisa membuat menu dropdown dengan menyusun menu seperti ini

Sehingga akan tampak seperti ini

3.E Memasukkan widget

Widget adalah software kecil yang diletakkan di sebuah halaman situs. Bisa
terletak dimanapun, sesuai keinginan Anda. Contoh widget yang jelas Anda tahu, seperti kalender, arsip, posting terpopuler atau terbaru, jam, sampai hal yang lebih rumit dari itu.

Menyusun dan memilih widget sangat mudah. Anda tinggal masuk ke appearence >> widget dan pilih available widget (widget yang tersedia) untuk ditarik ke side bar.

Setting widget pun sangat mudah, Anda bisa mencoba nya satu per satu kalau Anda penasaran. Jangan lupa untuk mengisi kolom widget yang diperlukan, kemudian klik save pada widget pilihan anda.

Memasukkan gambar di widget
Anda bisa memasukkan gambar di bagian widget, misalnya Anda ingin menggunakan gambar untuk iklan affiliate di bagian widget, Anda tinggal menambahkan link gambar dan link affilate Anda di bagian widget.

Menggunakan Link URL gambar
Kalau Anda ingin memasukkan gambar ke dalam widget, Anda harus memasukkan link url gambar yang Anda inginkan. Anda bisa menggunakan gambar yang sudah tersedia di internet.

Contoh url gambar :

Atau Anda bisa mengupload gambar Anda di wordpress dashboard bagian media

Setelah sukses di upload, masuk ke dalam media > library > edit untuk melihat url gambar yang Anda upload.

Memasukkan gambar dengan text widget
Anda bisa menggunakan widget text untuk memasang iklan bergambar Anda.

Keterangan :
Tarik widget text kemudian berikan judul yang Anda inginkan. Di kolom text ketik Link tujuan Anda bisa berisi link affliate atau link menuju halaman website yang Anda inginkan dan juga link url (lihat gambar)

Widget yang terpasang Akan terlihat seperti ini :

Kalau Anda ingin membuat widget Anda menampilkan produk bisnis Anda sendiri, Anda tinggal menempatkan gambar iklan produk Anda dengan link yang menuju halaman pemesanan prosuk Anda.

Kalau Anda tertarik mengetahui apa itu affilite, Anda bisa lihat review salah satu merchant affiliate nasional >> Yubi Affiliate

Memasukkan kode html google map, video youtube atau lainnya
Anda juga bisa memasukkan text, kode html untuk embed google map atau video seperti di postingan halaman Anda melalui widget text.

Widget akan aktif setelah Anda menyimpan “klik save” widget tersebut

3.F Menginstall Plugin

Plugin Adalah salah satu kelebihan wordpress, Anda tidak perlu repot mempelajari coding dan program, pluggin bisa mempermudah Anda.

Setidaknya secara teknis ada dua jenis plugin :

• Plugin yang otomatis aktif tanpa perlu Anda setting
• Pluggin dengan pengaturan. Biasanya setelah d install. menu plugin ini akan muncul di dashboard wordpress Anda.untuk selanjutnya di setting sesuai keinginan Anda.

Mencari plugin yang Anda butuhkan :
Anda bisa mencari plugin yang Anda ingnkan dari pluggin > add new > Search

Pluggin Breadcrumb
Misalkan saya ingin membuat breadcrumb pada webste saya, cukup menginstall pluggin breadcrumb.

[Update 10/2014]
Tampilan plugin pada wordpress terbaru akan sedikit berbeda, namun cara penggunaannya tidak berubah.

Aktifkan

Ini adalah contoh plugin otomatis, membuat website saya memiliki breadcrumb

Plugin ninja form untuk membuat formulir
Saya tekankan, kalau Anda pemilik usaha dengan produk varian yang tidak begitu banyak. Anda membuat toko online sederhana dengan formulir pemesanan. Buat halaman berisi gambar dan deskripsi produk lalu berikan link (attach link) menuju halaman formulir pemesanan.

Karena pada akhirnya e commerce di Indonesia paling besar masih menggunakan bank transfer yang artinya meskipun Anda memakai e commerce, tetap saja Anda harus mengecek manual penjualan – pembelian.

Plugin ninnja forms adalah contoh plugnin dengan pengaturan, sekali lagi, Anda bisa melihat toturial penggunaan plugin Ninja form untuk membuat formulir pemesanan Disini.

Tips :
Ada banyak sekali pluggin yang sangat berguna untuk Anda, Jangan ragu untuk mencari kemudian mencoba pluggin apa yang Anda butuhkan karena pluggin bisa di non aktifkan dengan memilih bagian “deactivate”

Lihat ratting plugin sebelum Anda menggunakannya.jangan menggunakan pluggin dengan rating dan review yang jelek.

Anda juga bisa mencari download pluggin di google dan mengupload pluggin dalam format zip seperti Anda mengupload theme

3.G Melakukan costumize thema

Kalau Anda ingin mengganti warna background, warna text, memberikan gambar pada background dan header, hal standard seperti itu bisa dilakukan dengan mudah di Appearence >> Costumize

Theme Options
Di beberapa thema, memiliki pengaturan costumize khusus dalam theme options. Pengaturan ini tidak hanya sekedar merubah warna atau tulisan seperti costumze tema umumnya. Contohnya di tema simple catch ada Appearence >> theme options.

Disini kita bisa mengubah design website lebih banyak lagi, mulai dari memberi slider post, mengganti logo, memberikan icon sosial media, mengganti warna link dan text dan lainnya tanpa perlu memahami coding yang rumit.

Namun perlu diingat, tidak semua thema menyediakan opsi ini. Terkadang ada juga yang berbeda nama, namun memiliki fungsi yang kurang lebih sama sebagai theme options.

3.H Melakukan costumize Permalink

Buatlah pengaturan dasar agar Anda bisa mengatur permalink dari halaman Anda dengan mengunaan wordpress editor.

Masuk ke setting » Permalink » plih post name

Dengan settingan tersebut, saat membuat post atau page Anda bisa mengganti permalink :

3.I BACK UP

Jangan lupa melakukan back up rutin web Anda melaui c panel untuk mencegah hal yang tidak diinginkan.

Klik kemudian masuk > Back up > pilih full back up

Klik generate back up, Ini membutuhkan waktu,

Kalau Anda sabar, tunggu beberapa menit, klik go back, link backup Anda akan muncul.

Link Back Up

3.J Menambah kemanan web

Internet bukan tempat yang ramah, website Anda mudah sekali diretas oleh hacker apabila Anda tidak menambah “tirai pengaman”. Untuk menambah tingkat kemanan website Anda ahingga 400%, Anda bisa menginstall dua pluggin di bawah ini.

Akismet
Akismet adalah pluggin untuk mencegah komentar spam masuk ke dalam website Anda.

Setelah akismet aktif Anda harus mendaftar ke akun akismet

Kemudian Anda akan diminta memasukkan API key . Namun kalau Anda belum mendapatkan API Key klik get your API key

Lanjutkan dengan Get an Akismet Api key

Isi data Anda, pastikan e mail Anda benar

Lanjutkan mengisi data dan jadikan pembayaran $ 0

Anda akan mendapatkan API key Anda

Kembali ke dashboard plugin akismet dan masukkan Api key ini untuk mengaktifkan akismet.

ALL in One WP Security & Firewall
Pluggin ini menambah kemanan web Anda dengan sangat lengkap. Banyak sekali setting yang Anda bisa lakukan melalui pluggin ini.

Kemudian aktifkan

Setelah aktif Anda akan menemukan menu WP Security di dashboard Anda. Saya sangat merekomendasikan Anda melakukan dua setting untuk mencegah hacking dengan brute force dan mengaktifkan basic Firewall.

Untuk ke bagian Brute Force dan di kolom login page url berikan nama yang bisa Anda ingat. Lalu save.:

PERHATIKAN !
Semisal Anda menulis ZZZ di kolom login page url lalu men save nya.

Maka login dashboard Anda tidak lagi domain.com/wp-admin seperti biasa tetapi berubah menjadi » domain.com/ZZZ sesuai nama yang Anda berikan.

3.K Mengulang pembuatan website

Ini bisa dilakukan kalau Anda merasa ingin merubah semua yang telah Anda buat dan ingin memulai lagi dari awal. Cukup uninstall wordpress dari c panel > auto installer

Kemudian pilih wordpress, namun kali ini jangan di install

Kemudian Anda akan melihat tanda X di bagian bawah

PERHATIAN : langkah ini bertujuan membuat situs Anda kosong seperti semula.
Anda bisa ulangi langkah menginstall wordpress melalui c panel seperti bagian pertama untuk memulai lagi membuat website.

Noted :
Langkah ini mungkin tidak baik untuk SEO

3. L Bonus : Melakukan edit css – html

Editor css – html sudah memasuki materi advance web development. Anda sebaiknya berfokus mulai mencetak uang dari bisnis online daripada sekedar mempelajari kode css – html untuk mempercantik web Anda.

Namun saya akan tetap memberikan beberapa tips untuk Anda apabila ingin merubah susunan web Anda dengan css – html.

WordPress bisa dimodifikasi sampai hal paling kecil sekaligus. Susunan header, footer sampai css bisa Anda rubah tentu saja dengan kode html-css. Anda bisa melihatnya dari Appereance >> editor.

Namun sebaiknya Anda memasang Child theme saat merubah susunan html – css karena apabila Anda melakukannya tanpa child theme, maka semua akan perubahan akan terhapus saat theme tersebut ter update.

Kalau ingin mengnstall child theme, ini adalah pluggin praktis untk memasang Child Theme. Setelah child theme terpasang, dan Anda aktifkan (seperti thema umunya) Anda bisa mengedit css – html dari child theme Anda, bukan dari editor thema yang asli.>> http://wordpress.org/plugins/one-click-child-theme/

Contoh child theme sudah aktif , maka editor akan menyediakan child theme templates

Noted :

untuk perubahan css – html tertentu kadang tersedia di forum theme wordpress yang Anda gunakan. Cara saja di google thema Anda + Masalah Anda + css

Misal kalau saya memakai simple cacth theme dan ingin mengedit warna menu

Maka saya menulis di google : “Simple Catch edit colour menu css” dan biasanya akan tersedia forum yang membahas apa yang Anda butuhkan

Kalau Anda memang ingin menjadi ahli di bidang web development Anda bisa coba mempelajari html css lengkap disini :

Wow, Anda berhasil membaca semuanya ? Selamat ! Anda sudah menyelesaikan materi dasar tutorial membuat website dengan wordpress.

Banyak sahabat kita yang harus mengeluarkan uang hanya karena ingin mendapatkan materi ini. Kalau Anda suka berbagi, Share materi gratis ini

Semua materi ini ada dalam Free E Book Download