KKN PPM UGM

JT-115 2022

PANDUAN BELAJAR
MEMBUAT WEBSITE
GRATIS
Menggunakan Blogspot

Oleh : Latifah Khoirunnisa

 DAFTAR ISI
1. Pengertian Website dan WWW
2. Contoh Website dan web hosting gratis
3. pembuatan akun
4. penulisan judul website dan nama domain
5. konfigurasi nama pengguna dan pengertian setiap menu
6. pengertian setiap menu dan cara mengubah tema
7. cara mendownload tema
8. cara memulihkan tema
9. tampilan tata letak
10. pengertian menu menu tata letak
11. Cara Membuat Postingan Artikel dan Menyambungkannya ke menu
12. cara mengatur setelan
13. cara mengatur setelan
14. cara menampilkan halaman peta
15. cara menampilkan halaman youtube
16. cara menambahkan link dokumen
17. cara mendaftar google search console agar artikel terindeks ke google
18. cara mendaftar google search console agar artikel terindeks ke google
19. cara agar artikel terindeks di google
20. cara menghapus artikel yang telah terindeks

1
 WEBSITE ITU APA SIH

Website
Kumpulan halaman yang terdapat di internet berisi teks media dan
berbagai aplikasi, terangkum dalam sebuah domain yang berada di
dalam WWW

WWW (World Wide Web)

Layanan yang digunakan di internet untuk menyampaikan informasi
dengan dukungan multimedia berupa teks, gambar, video dan suara

JENIS WEBSITE

Website Statis Website Dinamis

Front-end dan Back-end

Front-end only
Front -end merupakan halaman
website yang dapat diakses oleh
pengunjung
website bersifat statis, konten
website tidak dapat diubah
back-end biasa disebut CMS (Content
Management System), atau disebut
juga administrator Area, Dashboard,
dsb
Website bersifat dinamis, dimana
administrator dapat mengubah konten
dengan leluasa

1
 Web Hosting Gratis
WordPress Blogger

WordPress merupakan perangkat lunak open source web Blogger merupakan platform yang digunakan untuk
populer, dan menawarkan banyak fitur di versi gratis – membangun sebuah blog dengn memberikan layanan gratis,
statistik lalu lintas, filter anti-spam, mendukung SEO, dan meliputi hosting, domain, bahkan tema dan dikenal sebagai
theme gratis layanan yang user friendly.

Pembuatan dan penggunaan Pembuatan dan penggunaan

lebih intuitif, fitur lebih lengkap, bahasa masih terbatas pembuatan mudah, cukup pakai akun Google, tersedia
dalam bahasa Indonesia
Manajemen Situs
Manajemen Situs
fitur lengkap, tersedia banyak tool untuk maintenance,
fitur terbatas, maintenance cukup ribet, tapi mudah
monetisasi sedikit sulit
dimonetisasi

1
TATA CARA PEMBUATAN WEBSITE

1. masuk ke laman blogger.com

2. Klik Create Your Blog/ buatlah blog anda

3. lalu pilih akun email yang ingin digunakan

3
TATA CARA PEMBUATAN WEBSITE

4. tulis judul website anda, klik lanjut

judul ini akan tertampil di atas akun blog anda

5. buat nama domain anda

artinya alamat ini sudah pernah dipakai artinya alamat ini bisa digunakan
dan harus diganti

4
TATA CARA PEMBUATAN WEBSITE

6. buat nama tampilan, nama ini seperti nama penulis yang akan tertampil di web anda, klik
menyelesaikan

7. Masuk ke tampilan utama, berikut merupakan menu menunya

untuk membuat postingan baru/ artikel baru

untuk menulis artikel yang akan kalian terbitkan, mulai dari mengatur
huruf, menambahkan gambar atau video, menambahkan label,
sampai pada deskripsi penelusuran agar artikel kalian dengan
mudah ditemukan oleh search engine seperti Googlebot, Bingbot
melihat trafik pengujung blog yang berisi tentang data Pengikut,
Postingan, Komentar, dan data Pengunjung yang melihat blog kalian
dengan tampilan Hari ini, kemarin, Bulan ini, Bulan Lalu. Data tampilan
halaman blog dapat diketahui dari mana saja sumber pengunjung
blog membuka sebuah artikel, misalnya dari pencarian google,
search bing, yandex dan mesin pencari lainnya.

digunakan untuk mengetahui komentar yang masuk pada

postingan artikel yang dapat di ketahui pada bagian ini.

berfungsi untuk mendaftarkan blog agar menghasilkan uang

melalui Adesnse Google. Adsense Google berfungsi untuk
menayangkan iklan pada blog.

5
TATA CARA PEMBUATAN WEBSITE
tempat menerbitkan sebuah tulisan yang sifatnya statis yaitu
khusus blog atau website kalian sendiri seperti Halaman About atau
Tentang kami. Contact atau Kontak kami, Privacy Policy, Disclaimer,
Sitemap.
digunakan untuk mengatur tampilan halaman blog, yang terdiri dari
empat bagian utama yaitu pada Header, Sidebar, Postingan Blog,
dan Footer. Pada bagian ini dapat di atur juga warna tampilan blog
dan menambahkan widget di sidebar atau menu-menu khusus
dengan menambahkan kode HTML atau CSS di home page.
Tema adalah menu yang berfungsi untuk mengatur template pada
blog.
Setelan berisi menu settings pada blogger untuk mengatur mulai
dari Pengaturan dasar dan pengelolaan blog, Pengaturan tag meta,
Membuat robots.txt custom, Google Search Console, Monetisasi
untuk Adsense dan Profil pengguna.
menu yang berisi tentang blog atau website apa saja yang kalian
ikuti

menu untuk melihat halaman beranda blog yang telah kalian buat

8. Masuk ke tampilan tema, pilih menu tema yang sesuai keinginan anda.
atau mencari costum tema diluar media blogspot

klik sesuaikan jika template ingin dipilih

jika ingin menggunakan tema premium, klik panah kebawah. lalu klik
cadangkan

download cadangan
tema agar
perubahan yang
dibuat tersimpan

6
TATA CARA PEMBUATAN WEBSITE

9. cari situs yang menyediakan tema premium, disini saya menggunakan situs
soratemplates.com, pilih template yang anda inginkan

klik template yang ingin dipilih, lalu klik download now free version

ekstrak file rar dahulu

7
TATA CARA PEMBUATAN WEBSITE

10. kembali ke menu tema, klik memulihkan, klik unggah. lalu pilih file yang tadi telah di
ekstrak

pilih file XML document

11. klik sesuaikan untuk menyesuaikan warna tema dan warna tulisan

8
 TATA CARA PEMBUATAN WEBSITE

12 Tampilan Tata Letak

9
TATA CARA PEMBUATAN WEBSITE

header logo ini digunakan untuk menuliskan judul blog,

deskripsi blog, dan gambar logo.

main intro berisi judul yang akan tertampil di halaman

website, caption, gambar halaman.

main menu digunakan untuk mengkonfigurasi daftar

link dan menu. untuk menu yang tidak menggunakan
link diisikan "#", dan untuk sub menu menggunakan
perintah "_".

halaman ini untuk menampilkan iklan

menampilkan widget di sisii kanan seperti sosial media i

contohnya instagram, youtube, dll

menu untuk menambahka gadged. seperti AdSense,

Header halaman, Arsip Blog, daftar link, Menambahkan
script HTML dan yang lain

menu untuk menambahkan keterangan dan logo

dibawah

menampilkan widget di sisii bawah seperti sosial media

contohnya instagram, youtube, dll

footer menu digunakan untuk mengkonfigurasi daftar

link dan menu. untuk menu yang tidak menggunakan
link diisikan "#", dan untuk sub menu menggunakan
perintah "_".

10
TATA CARA PEMBUATAN WEBSITE

Cara Membuat Postingan Artikel dan Menyambungkannya ke menu

klik postingan baru

tulis sesuai yang anda inginkan, masukkan judul dan label, yang nantinya akan
mendapatkan link untuk ditempelkan ke list main menu

copy paste link kemudian klik posting/perbarui, lalu tempelkan link tersebut di menu atau
submenu

11
TATA CARA PEMBUATAN WEBSITE

Cara Mengatur Setelan

12
13
TATA CARA PEMBUATAN WEBSITE

Cara Menampilkan halaman peta

untuk menambahkan peta, masuk ke laman google maps, lalu klik bagikan. kemudian pilih
sematkan peta dan salin HTML

jika ingin menambahkan ke slidebar, klik tata letak lalu pilih tambahkan gadget, dan pilih
HTML/JavaScript

lalu copy paste link

maps tadi

14
TATA CARA PEMBUATAN WEBSITE

Cara Menampilkan halaman Youtube

untuk menambahkan youtube, masuk ke laman youtube, pilih konten yang diinginkan, lalu
klik bagikan/shere. kemudian klik blogger

lalu akan tertampil pada menu bagian kiri pilih tampilan HTML, akan muncul tampilan
seperti di bawah ini. pilih kode src pada kotak merah. copy kode tersebut

pastekan kode terebut ke dalam menu slidebar HTML/JavaScript klik simpan

15
TATA CARA PEMBUATAN WEBSITE

Cara Menambahkan Link Dokumen

klik tambahkan gadget kemudian pilih daftar link

lalu buat daftar link, klik tambahkan item baru, lalu

buat judul dan patekan link dokumennya

16
TATA CARA PEMBUATAN WEBSITE

cara mendaftar google search console agar artikel terindeks ke google

cari laman google search console di google, klik laman tersebut

Klik Start Now

masukkan nama domain dan lakukan verifikasi kepemilikan dengan menyalin tag HTML

17
 TATA CARA PEMBUATAN WEBSITE

cara mendaftar di google console agar artikel terindeks di google

kembali ke menu tema, kemudian klik panah di sebelah kanan sesuaikan, lalu pilih edit html

lalu pastekan salinan HTML tadi ke sini, klik save

lalu kembali ke google console tadi , klik memeriksa. lalu klik pergi ke properti

18
 TATA CARA PEMBUATAN WEBSITE

Cara Agar Artikel Terindeks Google

masuk ke postingan website, pilih artikel yang ingin di terbitkan ke google. klik bagikan
kemudian salin link/ copy link

kembali ke google console, klik URL Inspection, lalu pastekan link tadi

klik minta pengideksan

dalam waktu pengindeksan google bisa membutuhkan waktu paling cepat 1 hari dan paling
lama 6 bulan

19
TATA CARA PEMBUATAN WEBSITE

Cara Agar Artikel Terindeks Google

menambahkan peta situs baru yaitu sitemap.xml. agar google dapat mengindeks berapa
artikel yang terdapat di web kita.

cara menghapus artikel yang telah terindeks

copy link artikel yang ingin dihapus
masuk ke menu penghapusan pada google console, dan klik permintaan baru

paste link artikel tadi kemudian lalu pilih

hapus URL ini saja. klik lanjut. lalu kirim
permintaan

20