Cara Membuat Website Gratis di Google Sites [Panduan Lengkap]

Buat Website Gratis·

PANDUAN LENGKAP – MEMBUAT WEBSITE PRIBADI & BISNIS DI SITES GOOGLE COM

GRATIS

Apa itu Google Sites?

Google Sites adalah sebuah platform pembuatan website Gratis yang sudah dilengkapi dengan website builder, Anda cukup drag dan drop aja. Berani aja mencoba, semakin rajin mencoba semakin terlatih membuat anda jadi terbiasa dan mahir. Langsung Praktek ya!

Fitur Website Dasar sudah lengkap di Google Sites antara lain

  • Template website sederhana
  • Pilihan layout website
  • Integrasi Google Workspace suite
  • Integrasi YouTube & Google Maps
  • Image carousel
  • Embed HTML

Fitur tambahan lainnya seperti

  • Divider => pembatas atau pembagi halaman
  • Table of content  => Daftar Isi

Contoh Website pake Sites.google.com bisa dilihat di sini,

  1. klik aja https://sites.google.com/view/joindepindo
  2. Klik aja https://sites.google.com/view/latihanbikinwebgratisan

Video Panduannya Bisa ditonton dulu di sini sebelum mulai praktek

 

Mari Kita Coba ya!

Cara Membuat Website di Google Sites

Video Tutorialnya Bisa ditonton di sini (under construction

Caranya adalah 

1. Buka Google Sites

Klik https://sites.google.com/ gunakan email google untuk login.

2. Buat Website Baru

Setelah berhasil login ke halaman Dashboard, akan muncul beberapa pilihan template website.

Pilih salah satu atau bikin mulai dari nol, klik “‘+‘ untuk mulai ‘Start a new site‘

3. Tentukan Judul Website dan Halaman

  1. Isi Nama Website yang mudah diingat. Nama bisa diubah ada dibagian kiri atas halaman yang ada tulisan Untitled site. (no 1)
  2. Isi Judul halaman utama dengan meng-klik tulisan ‘Your page title‘. (no 2)

4. Atur Desain Website

Nama Website dan Judul Halaman sudah Selesai. Sudah bisa langsung mulai buat website.

Tapi sebelumnya, kenalin dulu fitur-fitur editornya ya.

Mengenali Editor Google Sites

 

 

Dalam interface Google Sites, kamu dapat menemukan tiga set menu editor yang berada di

  • A = Bagian Atas
  • B = Bagian Tengah
  • C = Bagian Samping
  • C1 = fitur yang akan anda insert/tarik/drag ke bagian Tengah (B)

Penjelasan Lengkapnya

Bagian Atas (A)

Di bagian atas layar, terdapat beberapa tombol yang berfungsi untuk melakukan tindakan yang tidak berkaitan langsung dengan desain website.

  • Undo: Membatalkan perubahan yang telah dilakukan satu langkah ke belakang.
  • Redo: Mengembalikan perubahan yang telah dilakukan satu langkah ke depan.
  • Preview: Membuka pratinjau website yang sedang dibuat.
  • Copy Link: Menyalin tautan ke website (jika sudah di-publish)
  • Share with Others: Menunjukkan website dengan orang lain atau berbagi akses kepemilikan website untuk berkolaborasi.
  • Settings: Membuka beberapa pengaturan website, termasuk menghubungkannya ke Google Analytics.
  • More: Menampilkan fungsi tambahan seperti melihat riwayat perubahan atau menduplikasi website.
  • Publish: Tombol untuk mempublikasikan website sehingga dapat diakses oleh siapa saja.

Bagian Tengah (B)

berfungsi untuk mengelola semua elemen yang akan tampil di website secara langsung. Tarik/ Geser/ Insert  aja tombol/icon yang dari C1 (bagian samping)  ke B (bagian tengah), setelah itu Anda bebas menambah, mengurangi, memperbesar huruf, masukkan gambar, ganti warna, mengatur paragraf sesuai seleramu.

Bagian Samping (C)

Ketiga menu tersebut adalah:

  • Insert
  • Pages
  • Themes

Penjelasan Menu Insert:

  • Text box: Membuat sebuah area yang dapat diisi dengan teks.
  • Images: Menyematkan gambar ke website dengan cara mengunggah dari komputer/hp atau memilih dari stok yang tersedia.
  • Embed: Mencantumkan elemen web dari halaman lain dengan menggunakan URL atau HTML embed code.
  • Drive: Mencantumkan file dari Google Drive ke website yang sedang dibuat.

 

Content Blocks

Di bawah ‘Content Blocks,’ tersedia beberapa pilihan kombinasi “Gambar dan Text”, silahkan ditest aja, tarik/ insert/ geser dari content blocks ke bagian B (Bagian Tengah)

 

Element Tambahan

 

 

Anda tinggal insert/ tarik/ geser dari C Samping (gambar di atas) ke B (Bagian Tengah).

Contoh :

  • Mau nampilkan Video (video dari komputer/dari Youtube), klik aja tulisan Youtube
  • Mau Bikin Tombol, klik aja tulisan Button

 

Penjelasan Menu Pages

Tab Pages ini berfungsi untuk:

  • Membuat halaman baru
  • Mengelola halaman yang ada di website
  • Memunculkan/menyembunyikan halaman dari Navigation bar (dari menu)

 

Penjelasan Menu Themes

Untuk pemula Klik thema yang disuka al : Simple, Aristotle, Diplomat dll.  Kalau sudah ngerti fitur-fitur Google Sites, baru mulai latihan buat themes sendiri.

5. Hubungkan dengan Link Webreplika Depindo.com Anda 

Supaya Calon prospek mu BISA mendapatkan fasilitas Autofollowup, langsung hubungkan ke Menu “Daftar” yang ada di web depindo.com Caranya adalah

  1. Siapkan Link webreplika Depindo, contoh punya admin https://mulaisaja.depindo.com/daftar/
  2. Klik Tombol Button ikut urutan di gambar mulai dari No 1 – 2 – 3 – 4 supaya muncul gambar berikut ini

 

 

Setelah klik “Insert” maka akan muncul tombol button “Klik Daftar di sini”. Jika diklik langsung menuju Halaman Menu Daftar dapindo.com dan  pengundangnya otomatis muncul NAMA dan No HP Anda sendiri. Silahkan ditest setelah web anda di Publish (langkah no 6).

 

6. Publish Website

Setelah Anda sudah selesai mengisi content websitemu, Lanjut ke tahapan terakhir dengan klik “Publish”

maka akan muncul popup “Publish to the web” seperti gambar berikut ini

 

 

Petunjuk Tambahan:

  • Di dalam kotak Web Address “latihanbuatwebsite” masih bisa diubah (tambah kurangi) sesuai selera anda. Setelah itu anda klik Publish (dekat tulisan cancel gambar di atas)

Jika Anda sudah tekan “Publish” maka akan muncul link website di google site anda seperti ini

https://sites.google.com/view/nama-website ==> https://sites.google.com/view/latihanbuatwebsite
 (coba aja diklik linknya)

 

Tips Tambahan SEBELUM ANDA MULAI PROMOSI ATAU PASANG STATUS

1. Samarkan Link Web Google Site Anda sehingga prospek yang penasaran/ kepo  “TERPAKSA” mengklik link baru anda.

  • Caranya dengan memperpendek (short url), salah satunya menggunakan Tinyurl.com atau yang lainnya seperti bitly dll. 

Contoh : Link web google siteku adalah https://sites.google.com/view/latihanbuatwebsite

  • Buka dan klik https://tinyurl.com/app,
  • Di bawah “Shorten a long URL”, silahkan isikan Link Web Google Site anda (lihat gambar)
  • Di bawah “Customize your link” disamping kotak kanan tinyurl.com isikan nama yang anda inginkan, seperti punya saya “bisnisluarbiasa”, Lalu klik tulisan “Shorten URL“.

 

  • Jika berhasil maka akan muncul link baru menjadi https://tinyurl.com/bisnisluarbiasa. 
  • Ternyata nama “bisnisluarbiasa” gak berhasil alias GAGAL, lalu saya ganti dengan “bisniskerenku123” dan berhasil dapat link baru menjadi https://tinyurl.com/bisniskerenku123. (silahkan klik untuk membuka)

 

2. Jika Anda mau menggunakan nama Domain Web Sendiri juga bisa (Biasa disebut Custom Domain)

Contoh : Link web google siteku adalah https://sites.google.com/view/latihanbuatwebsite dan ingin diubah menjadi www.bisnisluarbiasa.com

maka caranya mudah

  1. Beli nama domain dari salah satu penyedia nama domain.
  2.  Kemudian hubungi CSnya untuk dibantu Custom Domain
  3. Jika mau setting sendiri, coba ikuti panduan berikut ini

Lalu klik Start Setup (no 3) dan ikuti tahapan selanjutnya sampe selesai.

 

Saran dari Admin Depindo: 

  1. Jika anda pemula, gak usah lanjut ke tahap no 2 dulu ya. Lebih baik pake Tinyurl.com aja  sudah cukup.
  2. Jika sudah menggunakan tinyurl.com dan TETAP mau belajar custom domain, silahkan praktek sendiri ya.