Website Canggih dan Praktis dengan Blogspot
Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta
1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf i untuk Penggunaan Secara Komersial dipidana dengan pidana penjara paling lama 1 (satu) tahun dan/atau pidana denda paling banyak Rp100.000.000 (seratus juta rupiah).
2. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf c, huruf d, huruf f, dan/atau huruf h untuk Penggunaan Secara Komersial dipidana dengan pidana penjara paling lama 3 (tiga) tahun dan/atau pidana denda paling banyak Rp500.000.000,00 (lima ratus juta rupiah).
3. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf a, huruf b, huruf e, dan/atau huruf g untuk Penggunaan Secara Komersial dipidana dengan pidana penjara paling lama 4 (empat) tahun dan/atau pidana denda paling banyak Rp1.000.000.000,00 (satu miliar rupiah).
4. Setiap Orang yang memenuhi unsur sebagaimana dimaksud pada ayat (3) yang dilakukan dalam bentuk pembajakan, dipidana dengan pidana penjara paling lama 10 (sepuluh) tahun dan/atau pidana denda paling banyak Rp4.000.000.000,00 (empat miliar rupiah).
Website Canggih dan Praktis
dengan Blogspot
Jefferly Helianthusonfri
PENERBIT PT ELEX MEDIA KOMPUTINDO
Website Canggih dan Praktis dengan Blogspot
Jefferly Helianthusonfri 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
ID: 717050923
ISBN: 978-602-04-2239-8
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
v
Prakata Di era digital saat ini, ketika kehidupan di dunia nyata kian menyatu dengan dunia virtual, memiliki website merupakan hal yang penting. Melalui sebuah website, kita bisa melakukan banyak hal. Khususnya jika Anda ingin mempromosikan bisnis, produk, ataupun profil Anda di internet.
Beruntungnya, kini membuat website sudah relatif lebih mudah. Dengan memakai layanan yang ada di internet pun kita bisa membuat web. Salah satunya, kita bisa membuat web memakai layanan Blogspot. Blogspot adalah situs yang menyediakan layanan blog. Kendati demikian, dengan sedikit modifikasi, kita bisa mengembang-kan berbagai jenis web dari layanan Blogspot.
Dalam buku ini, kita akan membuat tiga jenis web, yakni web toko online, web company profile, dan web minisite. Tak sekadar membuat web, kita juga akan mempelajari cara-cara mendatangkan trafik website. Plus, di Bab 10 kita juga akan melakukan analisis terhadap trafik web kita. Dengan melakukan analisis, kita akan mendapatkan data-data bermanfaat. Data-data tersebut dapat kita jadikan bahan evaluasi dan peningkatan strategi bisnis online.
Akhir kata, saya ucapkan selamat membaca. Semoga buku ini dapat membantu mengembangkan bisnis Anda di internet. Buku ini dapat menjadi gerbang awal Anda dalam belajar membuat website. Semoga menginspirasi.
Jefferly Helianthusonfri
vii
Daftar Isi Prakata ...................................................................................... v
Daftar Isi .................................................................................. vii
BAB 1 Pendahuluan .................................................... 1
1.1 Mengapa Menggunakan Blogspot? ........................ 1
1.2 Tiga Jenis Web yang Akan Kita Buat ...................... 2
1.2.1 Web Toko Online .............................................. 2
1.2.2 Web Minisite .................................................... 3
1.2.3 Web Company Profile ........................................ 5
BAB 2 Merencanakan Web Anda ................................. 7
2.1 Menentukan Jenis Web yang Dibuat ....................... 7
2.2 Membuat Web di Blogspot .................................... 8
2.3 Pengaturan Awal di Blogspot ............................... 13
2.3.1 Pengaturan Dasar ............................................ 13
2.3.2 Pengaturan Pos dan Komentar .......................... 15
2.3.3 Pengaturan Format ........................................... 17
2.3.4 Pengaturan Preferensi Penelusuran ..................... 18
2.4 Custom Domain untuk Blogspot ............................ 19
2.4.1 Apa yang Perlu Disiapkan?............................... 19
2.4.2 Mendaftarkan Nama Domain yang Akan Digunakan ...................................................... 20
viii
2.4.3 Melakukan Custom Domain di Blogspot ............. 22
BAB 3 Membuat Toko Online ..................................... 31
3.1 Mengunduh Template Toko Online ....................... 31
3.2 Mengunggah Template ke Blogger ....................... 34
3.3 Menambahkan Produk ........................................ 36
3.4 Menambahkan Produk Lainnya ............................ 44
3.5 Membuat Halaman Profil ..................................... 44
3.6 Membuat Halaman Kontak .................................. 50
3.7 Membuat Halaman Testimoni ............................... 52
3.8 Pengaturan Menu Navigasi Toko Online ............... 57
3.9 Menambahkan Kategori Produk pada Menu Navigasi ........................................................... 61
BAB 4 Melengkapi Toko Online .................................. 67
4.1 Menambahkan Gadget Produk Populer ................. 67
4.2 Menambahkan Link ke Media Sosial ..................... 69
4.3 Menambahkan Gadget Produk Pilihan .................. 71
4.4 Menghapus Gadget dari Toko Online ................... 73
4.5 Mengubah Posisi Gadget .................................... 75
4.6 Mengubah Ikon Toko Online ................................ 76
4.7 Metode Pembayaran Toko Online ........................ 79
4.8 Pengaturan Keranjang Belanja ............................. 80
4.9 Uji Coba Toko Online ......................................... 82
ix
4.10 Sistem Pemesanan Manual di Toko Online ............ 86
4.10.1 Membuat Form di Foxyform.com ....................... 86
4.10.2 Membuat Halaman Pemesanan ......................... 88
4.11 Pengaturan Menu Toko Online ............................ 92
BAB 5 Membuat Web Company Profile ...................... 95
5.1 Membuat Web Baru ........................................... 95
5.2 Menginstal Template yang Tepat .......................... 96
5.3 Membuat Halaman Profil ..................................... 98
5.4 Membuat Halaman Kontak ................................ 101
5.5 Membuat Halaman Produk ................................ 102
5.6 Membuat Halaman Lainnya ............................... 106
5.7 Pengaturan Menu Website ................................. 106
BAB 6 Menghadirkan Konten di Web ....................... 111
6.1 Jenis Konten untuk Web Company Profile ............ 111
6.1.1 Konten Berita ................................................ 111
6.1.2 Konten untuk Menjaring Target Pasar ............... 111
6.1.3 Konten untuk Pelanggan Anda ........................ 112
6.2 Membuat Posting di Web .................................. 113
BAB 7 Melengkapi Web Company Profile ................. 119
7.1 Menambahkan Arsip Web ................................ 119
7.2 Fasilitas Berlangganan Artikel ............................ 121
7.3 Menambahkan Gadget Media Sosial ................. 124
x
7.4 Gadget Penting Lainnya .................................... 125
7.5 Menambahkan Banner di Sidebar Web .............. 126
7.5.1 Membuat Banner Promosi ............................... 127
7.5.2 Mengunggah Banner ke Website .................... 131
7.6 Menambahkan Banner di Posting ....................... 133
7.7 Mengedit Slider/Featured Content ...................... 136
7.8 Pengaturan Template Seluler .............................. 140
BAB 8 Membuat Web Minisite .................................. 147
8.1 Merencanakan Web Minisite ............................. 147
8.1.1 Fungsi Web Minisite ..................................... 147
8.1.2 Merencanakan Web Anda ............................. 148
8.2 Struktur Web Minisite ........................................ 148
8.3 Mencari dan Menginstal Template ...................... 153
8.4 Mempersiapkan Kelengkapan Website ............... 156
8.4.1 Membuat Grafis Headline .............................. 156
8.4.2 Mempersiapkan Foto Produk ........................... 158
8.4.3 Membuat Grafis Tombol Beli/Daftar ................ 159
8.4.4 Membuat Form di Google Form....................... 162
8.5 Membuat Halaman Web ................................... 168
8.6 Menghilangkan Fitur Read More ........................ 173
8.7 Menghapus Gadget di Website ......................... 176
8.8 Pengaturan Akhir .............................................. 177
8.8.1 Pengaturan Posting ........................................ 177
8.8.2 Pengaturan Template Seluler ........................... 179
xi
BAB 9 Mendatangkan Trafik Website ....................... 183
9.1 Trafik dari Mesin Pencari ................................... 183
9.1.1 Seo On Page ................................................ 184
9.1.2 Seo Off Page ................................................ 187
9.2 Cara Lain untuk Mendatangkan Trafik ................. 189
9.2.1 Beriklan ........................................................ 189
9.2.2 Memanfaatkan Media Sosial .......................... 190
9.2.3 Promosikan Web Anda .................................. 191
BAB 10 Analisis Trafik Web ........................................ 193
10.1 Seberapa Populer Web Anda? ......................... 193
10.2 Pentingnya Analisis Trafik Web ........................ 195
10.3 Mendaftar di Google Analytics ......................... 196
10.4 Menambahkan Web Lain ke Google Analytics ... 202
10.5 Menganalisis Trafik Web dengan Google Analytics ........................................................ 204
10.5.1 Data Real Time Google Analytics .................... 204
10.5.2 Mencari Tahu Data Audiens ............................ 209
10.5.3 Memantau Demografi Audiens ........................ 215
10.5.4 Aktivitas Audiens di Web ............................... 216
Profil Penulis .............................................................. 219
1
Bab 1
Pendahuluan
1.1 Mengapa Menggunakan Blogspot? Untuk membuat web, kita bisa menggunakan berbagai cara. Salah satu
cara paling praktis untuk membuat web adalah memakai software web
yang sudah banyak tersedia di internet. Salah satu software web yang
banyak digunakan adalah WordPress. WordPress merupakan software
blog berbasis CMS (Content Management System) yang dapat diunduh di
web www.WordPress.org.
Gambar 1.1 WordPress.org yang menyediakan software website gratis
Selain WordPress, platform Blogspot/Blogger juga banyak digunakan
untuk membuat web. Ketika saya pertama kali belajar membuat website
2
(di tahun 2011), saya menggunakan Blogspot. Mengapa memilih untuk
menggunakan Blogspot? Berikut beberapa alasannya.
• Gratis dan praktis. Jika ingin praktis, maka Blogspot adalah
jawabannya. Cukup bermodalkan sebuah email di Gmail, kita
sudah bisa membuat web memakai Blogspot. Kita sama sekali
tidak perlu mengeluarkan biaya untuk membuat web di Blogspot.
Selain itu, keunggulan lainnya adalah praktis. Semua fitur-fitur
dasar yang dibutuhkan untuk membuat web sudah tersedia
dalam akun Blogspot kita. Jadi, kita tinggal gunakan.
• Fitur yang lumayan lengkap dan mudah digunakan. Untuk
membuat web di Blogspot, kita tidak harus tahu bahasa
pemrograman web. Kenapa? Sebab, fitur-fitur yang disediakan
Blogspot cukup lengkap. Menariknya, kita bisa dengan mudah
menggunakan fitur-fitur tersebut. Saya mengatakan cukup
lengkap karena fitur di Blogger memang cukup lengkap. Hanya
saja, untuk sejumlah hal Blogger memang punya kekurangan.
1.2 Tiga Jenis Web yang Akan Kita Buat Dalam buku ini, kita akan membuat tiga jenis website. Tiga jenis web
tersebut, yaitu toko online, web minisite, dan web company profile. Bagi
Anda yang ingin memulai/mengembangkan bisnis di internet, maka
tutorial dalam buku ini akan sangat membantu Anda.
1.2.1 Web Toko Online
Saat ini, belanja online sudah menjadi hal yang makin familier bagi
sebagian masyarakat Indonesia. Hal ini dapat terlihat dari makin
seringnya Anda dan saya berbelanja online. Mulai dari memesan tiket
pesawat, membeli tiket konser, membeli buku, dan berbagai kegiatan
3
transaksi lain, kita lakukan lewat internet. Tentunya ini menjadi peluang
bagi mereka yang ingin berjualan secara online. Tak heran, makin hari
makin banyak toko online yang kita jumpai.
Toko online adalah website yang dapat kita gunakan untuk menawarkan
produk di internet. Ibaratnya, toko online ini menjadi katalog produk
Anda yang dapat diakses orang-orang dari seluruh dunia. Bahkan, toko
online pun bisa langsung melayani pemesanan produk, hingga
pengiriman tagihan.
Gambar 1.2 Contoh tampilan web toko online
Nantinya, kita akan membuat toko online menggunakan layanan yang
sudah disediakan oleh Blogspot.
1.2.2 Web Minisite
Jenis web ini mungkin tidak sepopuler toko online. Kendati demikian,
web minisite juga kerap digunakan dalam kegiatan bisnis online. Web
minisite adalah website mini (yang biasanya hanya terdiri atas satu atau
dua halaman. Web ini digunakan untuk tujuan tertentu. Misalkan,
dipakai untuk menawarkan produk/jasa, untuk menjaring email target
customer, atau untuk keperluan lainnya.
4
Contoh web minisite dapat dilihat di www.BelajarBlogMarketing.com.
Web tadi cukup sederhana, terdiri atas dua halaman. Web tersebut
dipakai untuk menawarkan produk. Ketika pengunjung membuka alamat
web BelajarBlogMarketing.com, mereka langsung disuguhi penawaran
produk.
Gambar 1.3 Contoh web minisite
Gambar 1.4 Penawaran produk di BelajarBlogMarketing.com
5
Web minisite dapat digunakan jika Anda hendak menawarkan suatu
produk/jasa. Khususnya, jika produk/jasa yang Anda tawarkan hanya
satu. Karena terdiri atas satu halaman, web minisite langsung mem-
fokuskan perhatian pengunjung pada keinginan pemilik web.
Nantinya, kita juga akan membuat sebuah web minisite memakai fasilitas
yang sudah tersedia di Blogspot.
1.2.3 Web Company Profile
Web company profile adalah web yang dikhususkan untuk menampilkan
profil suatu perusahaan. Ketika seseorang mengakses web company
profile, ia bisa tahu profil perusahaan pemilik web tersebut. Nah, web
company profile ini bisa Anda gunakan untuk mempresentasikan profil
perusahaan/bisnis Anda di internet.
Termasuk, web ini juga bisa Anda pakai untuk menampilkan layanan
yang dihadirkan oleh perusahaan/bisnis Anda. Nantinya, kita juga akan
membuat web company profile memakai layanan Blogspot.
Gambar 1.5 Contoh sebuah web company profile
Di Bab 2 mendatang, kita akan segera merencanakan website. Tak hanya
itu, kita juga akan segera mengeksekusi rencana web yang sudah kita buat.