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

anindita@elexmedia.id

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.