Sagusablog Dasar Mrmung

Modul SAGUSABLOG Dasar - Penulis: Mr.
Mung 1
PROFIL PENULIS
Mr. Mung nama populer di dunia maya, lengkapnya Amin

Mungamar asal Banjarnegara, tepatnya desa Kincang Rt 01 Rw 01
Kec. Rakit, Kab. Banjarnegara. Profesi sekarang sebagai abdi
negara, Guru mata pelajaran TIK (Teknologi Informasi dan
Komunikasi) di SMP N 1 Kaliwungu Kab. Semarang yang beralamat
di Ds. Kaliwungu Kecamatan Kaliwungu, Kabupaten Semarang,
termasuk daerah pemekaran Kabupaten Semarang.
Sebagai aktifitas sepulang mengajar, mengelola SAGUSABLOG (Satu Guru Satu Blog)
salah satu kanal kegiatan resmi Ikatan Guru Indonesia, mengelola channel Youtube
Mung Media, membuat aplikasi android di Mung Media, pengelola BlogSiswa.com -
Blognya Siswa Indonesia, dan CEO MungBisnis.com Penyedia Jasa Pembuatan Web/
Blog Elegan, Keren dan Murah yang memiliki lebih dari 1000 klien dari berbagai
penjuru di Indonesia dan mancanegara.
Riwayat Pendidikan:
 MI NU Kincang (Tahun 1986-1992)
 SD N 1 Kincang (Tahun 1992-1993)
 MTs Negeri 1 Rakit (Tahun 1994-1997)
 SMA N 1 Sigaluh Banjarnegara (Tahun 1997-2000)
 D3 Statistika Terapan dan Komputasi UNNES (Tahun 2000-2003)
 S1 Sistem Informasi STMIK HIMSYA Semarang (Tahun 2006-2008)
 Akta 4 UNISULA (Tahun 2009)
Riwayat Pekerjaan:
 Guru Ekstrakurikuler Komputer, Pengelola Lab. Komputer, Guru TIK SMP
Muhammadiyah 7 Semarang (Tahun 2004-2010)
 Guru SMP N 1 Kaliwungu Kab. Semarang (Tahun 2010 - Sekarang)
 Bos rangkap Karyawan di MungBisnis.com (Tahun 2009 - Sekarang)
“Kata Mutiara: Sesuatu yang dianggap mudah dan sederhana bagi kita,
kadang sangat dibutuhkan oleh orang lain”.
Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 2

MATERI
Materi Sagusablog Dasar
1. Membuat blog dengan blogger (Modul 1).

2. Mengganti dan mendesain template bawaan blogger (Modul 2).
3. Mendesain Header blog (Modul 3).
4. Mengelola dan Menghias Blog (Modul 4):
 Posting artikel, gambar, teks, video
 Posting Laman
 Posting artikel dengan pemenggalan paragraf
 Membuat link dalam tulisan
 Membuat label/ kategori postingan
 Menambahkan widget-widget penting seperti: popular post, Daftar link,
Statistik Blog, Pengikut.
5. Membuat dan Mengelola Menu Blog (Modul 5).
6. Membuat dan mengelola soal online di google drive (Modul 6).
Ingin mengikuti Workshop Gratis?

Belajar bersama Guru-Guru di seluruh Indonesia,
Kunjungi: https://gurupembelajar.igi.or.id
Gabung di group telegram:
https://t.me/sagusablogigi
https://t.me/igipusat

DAFTAR ISI
Profil Penulis ................................................................................ 2

Materi ......................................................................................... 3
Daftar isi ...................................................................................... 4
Pendahuluan – Pengertian, Sejarah dan Manfaat Blog .................................. 5
Modul 1 - Membuat blog dengan blogger .................................................... 6
Modul 2 - Mengganti dan mendesain template bawaan blogger ..................... 9
Modul 3 - Mendesain Header blog .............................................................. 12
Memasang desain header di blog ................................................ 15
Modul 4 - Mengelola dan Menghias Blog ..................................................... 16
Membuat postingan baru............................................................ 16
Membuat Halaman .................................................................... 17
Upload gambar dalam postingan ................................................ 18
Membuat pemenggalan paragraf ................................................. 20
Menambahkan video dari youtube ............................................... 20
Membuat link dalam tulisan ........................................................ 21
Menambahkan gadget popular post ............................................. 22
Menambahkan gadget daftar link ................................................ 23
Menambahkan gadget label/ kategori .......................................... 24
Menambahkan gadget pengikut .................................................. 25
Modul 5 - Membuat dan Mengelola Menu Blog ............................................. 26
Membuat link ke label/ kategori ................................................. 27
Modul 6 - Membuat dan mengelola soal online di google drive ...................... 29
Mengintegrasikan Soal Online di Blog Guru ................................... 33
Link video panduan tiap modul.................................................................. 35
Daftar Pustaka ........................................................................................ 36

PENDAHULUAN
1. PENGERTIAN BLOG
Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang
berbentuk tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman
web. Tulisan-tulisan ini sering kali dimuat dalam urutan terbalik (isi terbaru
dahulu sebelum diikuti isi yang lebih lama), meskipun tidak selamanya demikian.
Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai
dengan topik dan tujuan dari si pengguna blog tersebut.
2. SEJARAH BLOG
Media blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh
Pyra Labs sebelum akhirnya diakuisisi oleh Google pada akhir tahun 2003.
Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka
yang diperuntukkan kepada perkembangan para penulis blog tersebut.
Blog mempunyai fungsi yang sangat beragam, mulai dari sebuah catatan
harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-
program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh
seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis.
Banyak juga blog yang memiliki fasilitas interaksi dengan para pengunjungnya,
seperti menggunakan buku tamu dan kolom komentar yang dapat
memperkenankan pengunjungnya untuk meninggalkan komentar atas isi dari
tulisan yang dipublikasikan, namun demikian ada juga blog yang bersifat
sebaliknya (non-interaktif).
3. MANFAAT BLOG
Manfaat dari penggunaan Weblog antara lain:
a. Melalui Blog, kita dapat memperluas hubungan teman/ kenalan hingga dapat
membentuk suatu komunitas yang besar.
b. Blog melebihi surat elektronik (Email), karena satu posting blog yang anda
bahas, dapat dibaca oleh pengunjung blog yang tak terbatas. Beda dengan
email yang hanya bisa dibaca oleh orang yang kita kirimkan. Selain itu,
pengunjung blog juga dengan cepat dapat memberikan respon terhadap
posting blog melalui komentar yang dapat langsung dituliskan di blog tersebut.
c. Dalam dunia pendidikan Blog bisa digunakan untuk menyampaikan materi
pelajaran, evaluasi dalam bentuk soal online, dan informasi-informasi penting
lainnya.
d. Dengan mengelola Blog secara kontinyu, akan melatih keterampilan dan
kreativitas menulis pemilik blog.
e. Melalui Blog juga kita bisa menghasilkan uang baik dolar maupun rupiah.

MODUL 1
Membuat Blog dengan Blogger
Tagihan Modul 1
Anda bisa membuat blog guru dengan menggunakan engine blogger.
Blog yang akan kita buat dengan mengikuti panduan ini adalah menggunakan engine
blogger.com. Mungkin ada yang bertanya, Kenapa harus membuat blog di
blogger.com bukan pada situs penyedia blog lainnya?
Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak
kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa
contoh kelebihan blogspot di banding yang lain yaitu:
1. Mudah dalam pengoperasian sehingga cocok untuk pemula,
2. Lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog
anda akan lebih fresh karena hasil kreasi sendiri,
3. Custom domain atau anda dapat mengubah nama blog anda dengan nama
domain sendiri misalkan mrmung.blogspot.com di ubah menjadi mrmung.com,
sedangkan pengelolaan blog tetap menggunakan blogspot gratis, anda hanya
perlu membayar biaya domain tiap tahunnya.
Tahap #1 Membuat Email gmail

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki
alamat email yang masih aktif. Jika anda belum mempunyai alamat email, silahkan
buat dahulu di gmail.com, jika anda menggunakan g-suite education pastikan admin
domain sekolah anda sudah mengaktifkan fasilitas blogger supaya anda bisa
membuat blog menggunakan email g-suite education.
Tahap #2 Membuat blog di Blogger.com

1. Silahkan anda buka http://www.blogger.com

2. Masukan email gmail dan password anda:
3. Selanjutnya tuliskan judul blog anda, buatlah judul yang menarik, bisa dengan
nama anda, nama mata pelajaran yang anda ampu, atau yang lain, klik
tombol BERIKUTNYA.
4. Tuliskan alamat blog yang diinginkan, pastikan alamat blog yang anda tuliskan
tersedia, jika muncul keterangan tidak tersedia, anda bisa mengganti dengan
nama lain, atau memberi angka atau kata kunci lain sehingga alamat blog anda
menjadi unik, sangat disarankan membuat alamat blog yang simpel dan mudah
diingat, klik tombol BERIKUTNYA.

5. Tuliskan nama tampilan profil blogger anda, bisa diisi dengan nama lengkap atau
nama panggilan anda, klik tombol SELESAI.
Selamat blog anda sudah selesai dibuat, anda sudah bisa

langsung melihat blog anda dengan mengklik tombol Lihat
Blog dibagian bawah menu sebelah kiri.
Video Cara Membuat Blog Dasar Tampilan Blogger Terbaru:
https://s.id/moDul1

MODUL 2
Mengganti dan Mendesain template/ tema Bawaan Blogger
Tagihan Modul 2
Anda bisa mendesain template/ tema blog guru dengan template/ tema bawaan
blogger.
Pada panduan ini kita akan belajar cara mengganti template/ tema blog dengan
template/ tema standar bawaan blogger.com. template/ tema atau tampilan blog
ibaratnya pakaian yang dikenakan seseorang, ingin tampil elegan dan keren,
atau tampil minimalis itu tergantung orangnya atau pemilik blog.
Langkah untuk mengganti tema bawaan blogger:

1. Login di blogger.com menggunakan email dan password anda
2. Pilih menu Tema pada jendela sebelah kanan, anda bisa melihat koleksi tema
yang disediakan blogger,
Scroll ke bawah untuk melihat dan memilih tema yang cocok sesuai selera anda,
pada contoh ini saya memilih tema Sederhana/ Simpel.
Pilihan tema yang senada dengan tema simpel/ sederhana adalah sebagai berikut:
 Tema Jendela Gambar  Tema Kelembutan
 Tema PT Keren Sekali  Tema Perjalanan
 Tema Tanda Air

3. Jika anda menginginkan beberapa perubahan dengan tema simpel sesuai
selera, mulai dari warna, model huruf (font), ukuran huruf (font
size), background, lebar blog, klik tombol SESUAIKAN.
4. Mengganti background dengan cara klik Latar Belakang - Ganti gambar -

pilih gambar latar sesuai selera,
5. Jika anda menghendaki perubahan lewat

blog, baik kolom tempat artikel maupun
kolom tempat aksesoris blog, caranya
klik Sesuaikan lebar - silahkan anda
atur lebar mulai dari seluruh blog,
sidebar kanan, contoh pada panduan ini
saya atur untuk lebar keseluruhan
blog 960pixel sedangkan untuk kolom
tempat aksesoris sebelah kanan (sidebar
kanan) saya atur dengan lebar 310 pixel.
Jika tidak muncul pengaturan seperti

gambar, itu artinya template blog yang
anda pilih tidak support untuk pengaturan
lebar baik lebar keseluruhan blog maupun
lebar sidebar kiri/ kanan.

6. Berikutnya anda bisa memilih
pengaturan tata letak blog anda dengan
cara klik Tata Letak - disini anda bisa
melihat dan memilih tampilan tata
letak, mulai dari tata letak dengan 1
kolom penuh, 2 kolom dengan kolom
postingan dan sidebar kanan, dll.,
silahkan pilih sesuai selera anda, dalam
panduan ini saya memilih tata letak
nomor 2, yaitu 2 kolom (kolom besar
untuk postingan dan kolom kecil
sebelah kanan/ sidebar kanan),
sedangkan untuk tata letak footer
(bagian bawah blog) saya memilih tata
letak dengan menampilan 2 kolom
dengan lebar yang sama.
7. Berikutnya adalah mengatur warna header, jenis

huruf, ukuran huruf, warna huruf pada blog anda,
yaitu ada pada menu Lanjutan, anda bisa atur mulai
dari Teks Halaman, Latar, Link, Judul Blog, silahkan
anda atur bebas sesuai selera anda.
8. Jika telah selesai mengatur tema simpel bawaan

blogger ini, silahkan klik tombol Simpan di pojok
kanan bawah.
Kemudian klik tombol kembali untuk mulai melakukan posting artikel anda.
Video Cara Mengganti Tema/ Template Blog Dasar
https://s.id/moDul2

MODUL 3
Mendesain Header blog
Tagihan Modul 3
Anda bisa mendesain Mendesain Header blog dengan menggunakan program aplikasi
minimal program Paint (Bawaan Windows), dan sudah dipasang di blog guru.
Bagian header (atas) pada tema simpel memberikan ruang gambar header untuk
memperindah tampilan blog, kita bisa menambahkan gambar dengan dimensi
tertentu yang sesuai dan cocok untuk dijadikan header, pada panduan dasar ini
minimal menggunakan aplikasi desain grafis dasar bawaan Microsoft Windows yaitu
program paint, dan diharapkan desain header nantinya minimal ada perpaduan
antara satu gambar sebagai background dan teks.
1. Download bahan gambar header siap pakai di bit.ly/headerdasar

a. Pilih gambar
b. Klik kanan
c. Save As Image / Simpan Gambar sebagai...
2. Buka program PAINT (setiap komputer dengan

sistem operasi MS. Windows sudah tersedia
program paint)
a. Klik start/ tombol windows
b. Ketik paint – pilih program paint
3. Buka file gambar siap pakai yang sudah anda

download

4. Tulislah judul blog anda contoh seperti gambar berikut:
5. Untuk memberi efek tulisan, buatlah tulisan yang sama dengan ukuran yang
sama, namun warna berbeda, kemudian geser keatas sedikit, hasilnya seperti
gambar berikut:

6. Tambahkan deskripsi blog, misal dengan memberi gambar kotak berwarna,
kemudian tuliskan deskripsi diatas kotak tersebut, perhatikan hasil akhir
desain header berikut:
7. Terakhir, simpan gambar dengan mengklik menu File – Save (atau

CTRL+S). Dan desain header sudah siap di upload untuk menghiasi blog
anda.
CATATAN PENTING
1. Dimensi gambar header harus disesuaikan dengan lebar template yang
sudah didesain.
2. Contoh pada panduan ini menggunakan dimensi gambar header: Width:
980px, Height: 180px, jika anda lihat video panduan menggunakan dimensi
Width: 960px dan Height:150px.
3. Setelah gambar selesai anda desain, selanjutnya anda upload ke blog anda.
4. Silahkan anda berkreasi sesuai keinginan anda.

Memasang Desain Header di Blog
Langkah memasang desain header yang sudah selesai kita buat di program aplikasi
desain grafis dasar PAINT adalah sebagai berikut:
1. Login di blogger.com menggunakan account google anda, pilih menu Tata
Letak, perhatikan gambar berikut:
2. Pada halaman Tata Letak, fokus pada bagian header blog anda, silahkan klik
teks Edit dipojok kanan bawah, perhatikan gambar.
3. Klik Choose File pilih gambar desain header anda, pilih opsi penempatan pada
Selain judul dan keterangan, klik tombol Simpan
Video Cara Desain Header dengan Paint
https://s.id/moDul3

MODUL 4
Mengelola dan Menghias Blog (Tampilan Baru)
Tagihan Modul 4
1. Anda bisa membuat postingan, baik berupa postingan artikel, gambar, maupun
video.
2. Anda bisa membuat laman yang terpisah dengan artikel
3. Anda bisa mengatur pemenggalan paragraf
4. Anda bisa membuat kategori/ label tiap postingan.
5. Anda bisa membuat link dalam postingan, baik link ke posting sendiri maupun link
ke web lain atau link download ke google drive.
6. Menambahkan gadget penting seperti: popular post, Daftar link, Kategori, Statistik
Blog, Pengikut
Cara membuat Posting baru

1. Login ke halaman admin blogger dengan cara buka http://blogger.com/,
kemudian masukan user dan password email anda.
2. Setelah masuk di Dasbor blog anda, klik tombol POSTINGAN BARU seperti yang
ditunjukan pada gambar berikut:
3. Sekarang anda bisa mulai menulis artikel anda.
Keterangan nomor pada gambar di atas:

1) Judul posting : buatlah judul yang jelas, jangan terlalu panjang dan bisa
menggambarkan isi posting.

2) Isi posting: buatlah tulisan tentang cerita pribadi, cerita hari ini, tentang
pendidikan, kuliah hari ini, pelajaran dikelas hari ini, berbicara tentang bisnis,
menawarkan produk bisnis anda, dll.
3) Tulis/ Pilih Label: Berilah label/ kategori pada postingan yang anda buat,
jika belum ada label yang bisa dipilih, silahkan ketik label yang anda inginkan,
kemudian beri centang.
4) Publikasikan : Setelah anda selesai menulis klik tombol Publikasikan untuk
mempublikasikan tulisan anda biar bisa di baca oleh semua orang di seluruh
dunia.
Dalam membuat postingan, biasakan menulis langsung di kolom

postingan, jika anda hendak COPY - PASTE dari program Ms.
Word, lakukan hal di bawah ini:
1) Copy naskah dari Ms. Word

2) Buka kolom postingan blog, dan PASTE, Seleksi/ block isi postingan hasil copy
paste dari Ms. Word, dan klik icon titik 3 - klik icon Hapus Format, perhatikan
gambar di bawah ini.
Tool Remove Formating/ Hapus Format berfungsi untuk menghapus format

tampilan tulisan, mulai dari warna, jenis font, ukuran, dll, tujuannya supaya kode
program yang terbawa dari program Ms. Word hilang, sehingga tidak
mengganggu tampilan blog nantinya.
3) Edit kembali tampilan isi postingan dengan memanfaatkan tool yang tersedia di
blog, seperti menebalkan tulisan, memberi warna, dll.
4) Terakhir publikasikan.
Cara membuat Halaman terpisah dari Postingan artikel

Dalam dunia blogging terutama pengguna engine blogger.com, anda akan menemui
fitur POSTINGAN dan HALAMAN, perbedaan kedua fitur ini
adalah POSTINGAN digunakan untuk memposting artikel yang bisa dibaca langsung
oleh pengunjung blog karena akan tampil di halaman beranda dan di arsip blog,
sedangkan HALAMAN ini hanya bisa diakses jika pemilik blog membuatkan menu
atau memasang gadget HALAMAN, biasanya berisi Halaman Profil, Hubungi Kami,
Visi dan Misi, Peta Situs, Term of Service, Privacy Policy, dll.
Pada latihan membuat blog guru ini, silahkan anda membuat dua HALAMAN
yaitu PROFIL dan HUBUNGI SAYA.

1. Login, Klik menu Halaman - Klik tombol Halaman Baru
2. Silahkan anda tuliskan judul Halaman PROFIL, untuk isi silahkan anda isi biodata,
tujuan dibuatnya blog, dll. Setelah anda isi lengkap anda klik
tombol PUBLIKASIKAN.
Lakukan hal yang sama untuk membuat halaman yang lain, yaitu halaman
Hubungi Saya yang bisa anda isi dengan alamat email, nomor hp anda, dll.
Cara upload gambar dalam postingan:

Dalam membuat postingan artikel tentu akan lebih menarik jika dilengkapi dengan
gambar pendukung, gambar pendukung ini bisa anda buat sendiri atau download
dari situs penyedia gambar gratis, seperti pixabay.com. Berikut cara upload
gambar dalam postingan blog anda:
1. Pada halaman postingan, silahkan anda Klik icon Sisipkan gambar, perhatikan
gambar berikut:

2. Klik Upload dari komputer - klik pilih file atau drag gambar dari komputer
anda - pilih gambar, dan klik tombol open.
Hasilnya akan tampak seperti pada gambar berikut:
Klik gambar, dan klik tombol Pilih untuk memasukan gambar ke dalam
postingan.
3. Default posisi di tengah, Untuk mengatur posisi gambar, silahkan anda klik
gambar yang telah masuk kedalam postingan, maka akan tampil pengaturan
gambar Rata kiri – Rata tengah – rata kanan, silahkan anda pilih dan atur
sesuai kebutuhan anda, termasuk pengaturan besar kecilnya gambar, anda
cukup klik tombol plus(+) untuk membesarkan gambar, atau klik tombol
minus (-) untuk mengecilkan gambar.

Cara Membuat Pemenggalan Paragraf
Template sederhana standar blogger belum menggunakan sistem otomatis mengatur
banyaknya teks yang tampil di halaman beranda, sehingga jika postingan Artikel
panjang akan tampil secara keseluruhan, hal ini akan memunculkan beberapa
masalah diantaranya adalah loading blog akan terasa berat, tampilan blog tampak
kurang rapi. Dengan memanfaatkan fitur pemenggalan paragraf ini, maka artikel
yang panjang bisa di tampilkan sebagian saja di halaman beranda, untuk
melanjutkan membaca artikel akan tersedia link teks Baca Selengkapnya, ini akan
bermanfaat mempercepat loading blog pada halaman beranda, dan blog juga akan
tampak lebih rapi.
Untuk mempraktikan fitur ini, silahkan anda Klik icon batas postingan untuk
memberi pemenggalan paragraf, perhatikan gambar berikut:
Jika icon batas postingan tidak keliatan, silahkan klik titik 3 untuk memunculkan
icon-icon yang lain.
Cara Posting Video dari Youtube

1. Letakan kursor pada baris postingan dimana video akan disematkan.
2. Klik icon Sisipkan Video - Klik YoutTube, perhatikan gambar berikut:
3. Untuk menyisipkan video dari youtube, silahkan ketik kata kunci tertentu pada
kolom Penelusuran, contoh disini dengan kata kunci Mars IGI, tekan enter, pilih
video - klik tombol Pilih untuk menyematkan video ke dalam postingan.
Perhatikan gambar di bawah ini:

Cara Membuat Link pada Posting
Link/ Hyperlink merupakan teks atau gambar yang berfungsi untuk
menghubungkan ke halaman lain.
1. Blok teks yang akan di buat link,
2. Klik icon Sisipkan Link - Klik Buat/ Edit URL
a) Klik tautkan ke alamat web

b) Isilah alamat web/ blog pada kolom yang
tersedia,
c) centang pada buka link di jendela baru,
d) klik OK.

Cara Menambahkan Gadget Popular Post
1. Klik tata letak
2. Tambahkan Gadget - Pilih Entri Populer
3. Pada jendela konfigurasi silahkan anda atur sebagai berikut:

1) Tuliskan judul Gadgetnya, misal Artikel Terpopuler
2) Atur opsi waktu paling banyak dikunjungi,
3) Atur Tampilan artikel terpopuler, misal pilih 5,
4) Simpan,

Cara Membuat Daftar Link
1. Klik tambahkan Gadget - Cari dan Klik Daftar Link
2. Tulis judul, misal: Daftar Link Penting/ Link Blog Sahabat

3. Kolom Nama Blog tuliskan nama blog
4. Untuk kolom URL situs, isi dengan alamat blog/ situs, Contoh masukan daftar
link berikut:
 Nama: Website IGI, URL Situs: https://www.igi.or.id
 Nama: Blog Siswa Indonesia, URL Situs: http://www.sagusablog.com
 Nama: Blog Mr. Mung, URL Situs: https://www.mrmung.com
5. Klik Tambahkan Tautan
6. Terakhir Klik tombol Simpan
7. Perhatikan gambar berikut:

Cara Menambahkan Gadget Kategori/ Label
1. Tambah Gadget
2. Pilih dan klik Label
3. Beri judul label

4. Beri centang pada tampilkan jumlah entri per label/ silahkan sesuaikan dengan
selera anda
5. Klik tombol Simpan
Cara Menambahkan Gadget Statistik Blog

1. Klik Tambahkan Gadget - Pilih dan Klik Statistik Blog
2. Pada halaman konfigurasi statistik, silahkan anda

atur sebagai berikut:
a. Tulis judul, misal: Statistik Blog
b. Pilih model statistik blog
c. Pilih warna statistik blog
d. Klik tombol Simpan

Cara Menambahkan Gadget Pengikut
1. Klik Tambahkan Gadget - Pilih dan Klik Pengikut
2. Pada halaman konfigurasi pengikut, silahkan tuliskan nama gadget dan anda bisa
langsung klik tombol simpan
Contoh hasilnya seperti gambar berikut:
Silahkan anda bisa saling follow dengan blog peserta lain, blog mentor kelas masing-
masing, dan juga jangan lupa pula untuk mengikuti blog www.mrmung.com .
Anda bisa mengatur letak Gadget sesuai dengan selera anda, dengan cara drag and
drop ke posisi yang diinginkan. Terakhir Simpan Setelan, Untuk mempermudah
pengaturan posisi gadget, gunakan komputer/ laptop.
Video Cara Mengelola Blog (Posting, Insert Gambar, Video, Tambah Gadget)
https://s.id/moDul4

MODUL 5
Membuat dan Mengelola Menu Blog
Tagihan Modul 5
1. Anda bisa membuat menu yang terhubung ke laman
2. Anda bisa membuat menu yang terhubung ke postingan
3. Anda bisa membuat menu yang terhubung ke label/ kategori postingan.
Menu blog yang wajib ada pada latihan ini adalah: Home, Profil, Hubungi Saya,
Perangkat KBM, Materi, Soal Online Dengan aturan:
 Home ➟ default (terhubung ke halaman awal),
 Profil ➟ terhubung ke halaman Profil,
 Hubungi Saya ➟ terhubung ke halaman Hubungi Saya,
 Perangkat KBM ➟ terhubung ke label/ kategori Perangkat KBM,
 Materi ➟ terhubung ke satu postingan materi,
 Soal Online ➟ terhubung ke label/ kategori Soal Online.
Sebelum anda mempraktikan MODUL 5, membuat dan

mengelola menu, pastikan anda sudah selesai mempraktikan
MODUL 4, khususnya pada bagian materi membuat halaman
yang terpisah dengan postingan artikel, yaitu minimal anda
sudah membuat halaman Profil dan halaman Hubungi Saya.
Membuat dan Mengelola Menu Blog Guru

1. Login blogger.com, Klik Tata Letak - Klik Tambahkan Gadget
2. Klik Tambahkan Gadget - Klik Laman

3. Beri centang pada masing-masing halaman yang akan di terbitkan sebagai
MENU. Klik Tambahkan tautan eksternal, jika menu dibuat untuk
menghubungkan ke halaman lain/ situs lain, Klik tombol Simpan.
Khusus untuk Tambahkan tautan eksternal, Langkah-langkahnya

sebagai berikut:
Setelah anda klik Tambahkan tautan eksternal maka akan muncul jendela
untuk pengisian link eksternal, silahkan anda isi Judul Laman: isi dengan
nama menu, Alamat web (URL): isi dengan alamat situs lain, atau bisa
diarahkan ke salah satu postingan atau mengarah ke label tertentu - Klik
Simpan Tautan
Membuat Link Ke Label/ Kategori

Menu pada blog Guru bisa diarahkan ke label/ kategori postingan dengan catatan
anda sudah membuat beberapa postingan dengan memberi kategori/ label yang
sama. Hal ini bertujuan supaya saat menu tersebut di klik, maka akan tampil
kumpulan postingan dalam satu label tertentu.
Bagaimana cara mendapatkan tautan yang mengarah ke label/ kategori

suatu postingan?
1. Buat postingan baru misal membuat postingan dengan judul RPP Mapel TIK Kelas
7 Semester 1 Beri label/ kategori postingan: Perangkat KBM

2. Klik tombol Publikasikan
3. Postinglah beberapa postingan, misal judul posting berikutnya beri judul: RPP
Mapel TIK Kelas 7 Semester 2 , posting berikutnya beri judul: Silabus Mapel TIK
Kelas 7, semua postingan beri label/ kategori yang sama yaitu label/
kategori: Perangkat KBM
4. Buka blog anda dan perhatikan pada Gadget Label anda, jika sudah tampak
Label Perangkat KBM, silahkan anda klik.
5. Copy/ Salin URL Label, perhatikan gambar berikut:
6. Pasang hasil COPY URL Label kedalam menu blog dengan pilihan tautan eksternal.
Video panduan Cara Setting Menu Blog Guru Tema Sederhana
https://s.id/moDul5

MODUL 6
Membuat dan mengelola soal online di google drive
Tagihan Modul 6
1. Peserta workshop bisa membuat soal online dengan menggunakan google form.
2. Peserta workshop bisa mengintegrasikan soal online dari google drive dengan blog
guru.
Cara Membuat Soal Online di Google Drive

Google Drive adalah layanan penyimpanan milik Google yang diluncurkan pada
tanggal 24 April 2012, Layanan ini bisa diakses melalui URL: drive.google.com.
Salah satu fitur menarik dari google drive adalah adanya google spreedsheet online,
google documen, Google Slide, Google Formulir, dll, semua fitur ini bisa kita gunakan
gratis. Google Drive memberikan layanan penyimpanan gratis sebesar 15 GB dan
dapat ditambahkan dengan pembayaran tertentu.
Salah satu fitur google drive yang akan kita manfaatkan untuk membuat soal online
adalah fitur google formulir. Berikut cara membuat soal online menggunakan google
formulir:
1. Buka drive.google.com, login dengan akun google anda
2. Klik + Baru – Lainnya – Google Formulir
3. Pertama klik icon gerigi pojok kanan atas, untuk merubah settingan formulir biasa
menjadi Kuis - klik tombol Simpan

4. Beri judul dan deskripsi soal online yang akan anda buat, Contoh pengisian:
Judul: Soal Ulangan Harian 1
Deskripsi: Isi data diri anda dengan lengkap dan benar.
Buatlah pengisian data siswa dengan cara merubah jenis isian menjadi Jawaban
singkat, tulis Nama, dan untuk status wajib diisi diaktifkan, ini berfungsi siswa
tidak bisa mengerjakan soal online jika belum mengisi kolom isian Nama,
perhatikan gambar:

5. Klik icon tambah + dan pilih jenis isian jawaban singkat, kemudian tuliskan Kelas/
No Absen, aktifkan juga status wajib diisi
6. Klik tambah bagian untuk memisahkan bagian isian data siswa dan bagian soal
online, untuk bagian 2 silahkan anda tulis kembali Judul: Soal Ulangan Harian 1,
sedangkan untuk deskripsi anda isi dengan: Silahkan anda kerjakan soal-soal
berikut, semoga sukses.
7. Klik icon tambah - atur menjadi Pilihan ganda, silahkan anda tuliskan soal dan
opsi jawaban anda, jangan lupa untuk mengaktifkan status wajib diisi.
8. Untuk memberi skor pada masing-masing soal, anda klik tombol Kunci Jawaban
Klik untuk menandai pada opsi jawaban yang benar, kemudian pada kotak poin
isi dengan angka sesuai yang anda inginkan.

Ulangi langkah 7 dan 8
untuk membuat soal-
soal berikutnya.
9. Setelah soal online selesai dibuat, silahkan anda Klik tombol KIRIM, Klik icon
LINK untuk mendapatkan URL link soal online
10.Jika anda ingin menyematkan soal online kedalam postingan blog, anda klik
icon sematkan HTML, seleksi kode soal online klik kanan dan klik Copy,
perhatikan gambar berikut:

Mengintegrasikan Soal Online di Blog Guru
1. Login ke blogger.com dan klik POSTINGAN BARU
2. Tuliskan judul postingan, kata pengantar soal online yang akan anda sematkan
dalam postingan, dan juga jangan lupa beri label sesuai soal yang anda buat,
contoh label Soal Online, kemudian beralih ke Tampilan HTML.
3. Paste/ tempelkan kode soal online yang sudah anda copy sebelumnya dari google
formulir, perhatikan gambar berikut:
Supaya tampilan soal online rapi, anda bisa rubah lebar (width)
menjadi 100%. => width="100%", sedangkan height (tinggi) bisa
menyesuaikan contoh bisa diisi dengan angka height="500".
4. Kembali ke tampilan menulis untuk melihat hasil penyematan soal online, jika
sudah yakin anda bisa mempublikasikan postingan soal online.

5. Jika anda ingin melihat rekapan hasil pekerjaan siswa, anda bisa masuk ke google
formulir soal online anda, kemudian klik pada tab menu tanggapan, dan klik icob
spreadsheet, perhatikan gambar dibawah ini:
6. Beri nama spreadsheet dan anda akan mendapatkan laporan lengkap hasil
pekerjaan siswa dalam bentuk tabel google spreadsheet.
Video Cara Membuat Soal Online
https://s.id/moDul6
Ingin mengikuti Workshop Gratis?

Belajar bersama Guru-Guru di seluruh Indonesia,
Kunjungi: https://gurupembelajar.igi.or.id
Gabung di group telegram:
https://t.me/sagusablogigi
https://t.me/igipusat

VIDEO PANDUAN
Video Cara Membuat Blog Dasar Tampilan Blogger Terbaru:
https://s.id/moDul1
Video Cara Mengganti Tema/ Template Blog Dasar
https://s.id/moDul2
Video Cara Desain Header dengan Paint
https://s.id/moDul3
Video Cara Mengelola Blog (Posting, Insert Gambar, Video, Tambah Gadget)
https://s.id/moDul4
Video panduan Cara Setting Menu Blog Guru Tema Sederhana
https://s.id/moDul5
Video Cara Membuat Soal Online
https://s.id/moDul6

DAFTAR PUSTAKA
“Blog”. Wikipedia. Ensiklopedia Gratis. Wikipedia. Ensiklopedia Gratis. 03 Juli 2020. Web.09
Agustus 2020. id.wikipedia.org/wiki/Blog

Sagusablog Dasar Mrmung

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Sagusablog Dasar Mrmung

Diunggah oleh

Hak Cipta:

Format Tersedia

Modul SAGUSABLOG Dasar - Penulis: Mr.

Mr. Mung nama populer di dunia maya, lengkapnya Amin

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 2

Materi Sagusablog Dasar

1. Membuat blog dengan blogger (Modul 1).

Ingin mengikuti Workshop Gratis?

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 3

Profil Penulis ................................................................................ 2

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 4

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 5

Tahap #1 Membuat Email gmail

Tahap #2 Membuat blog di Blogger.com

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 6

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 7

Selamat blog anda sudah selesai dibuat, anda sudah bisa

Video Cara Membuat Blog Dasar Tampilan Blogger Terbaru:

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 8

Langkah untuk mengganti tema bawaan blogger:

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 9

4. Mengganti background dengan cara klik Latar Belakang - Ganti gambar -

5. Jika anda menghendaki perubahan lewat

Jika tidak muncul pengaturan seperti

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 10

7. Berikutnya adalah mengatur warna header, jenis

8. Jika telah selesai mengatur tema simpel bawaan

Video Cara Mengganti Tema/ Template Blog Dasar

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 11

1. Download bahan gambar header siap pakai di bit.ly/headerdasar

2. Buka program PAINT (setiap komputer dengan

3. Buka file gambar siap pakai yang sudah anda

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 12

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 13

7. Terakhir, simpan gambar dengan mengklik menu File – Save (atau

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 14

Video Cara Desain Header dengan Paint

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 15

Cara membuat Posting baru

3. Sekarang anda bisa mulai menulis artikel anda.

Keterangan nomor pada gambar di atas:

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 16

Dalam membuat postingan, biasakan menulis langsung di kolom

1) Copy naskah dari Ms. Word

Tool Remove Formating/ Hapus Format berfungsi untuk menghapus format

Cara membuat Halaman terpisah dari Postingan artikel

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 17

Cara upload gambar dalam postingan:

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 18

Hasilnya akan tampak seperti pada gambar berikut:

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 19

Cara Posting Video dari Youtube

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 20

a) Klik tautkan ke alamat web

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 21

2. Tambahkan Gadget - Pilih Entri Populer

3. Pada jendela konfigurasi silahkan anda atur sebagai berikut:

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 22

2. Tulis judul, misal: Daftar Link Penting/ Link Blog Sahabat

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 23

3. Beri judul label

Cara Menambahkan Gadget Statistik Blog

2. Pada halaman konfigurasi statistik, silahkan anda

Modul SAGUSABLOG Dasar - Penulis: Mr. Mung 24

Contoh hasilnya seperti gambar berikut: