Sahabat Sangkolan, Berikut ini adalah Pelatihan Optimalisasi Blog Guru untuk Media Pembelajaran dan Personal Branding : MODUL 3 - Desain Dan Tampilan Blog.
![]() |
| Pelatihan Optimalisasi Blog Guru untuk Media Pembelajaran dan Personal Branding : MODUL 3 - Desain Dan Tampilan Blog |
MODUL 3
Desain dan Tampilan Blog
Durasi: 6 JP
Materi: 2 JP
Praktik: 4 JP
A. Deskripsi Modul
Pada modul ini peserta akan mempelajari cara mengatur desain dan tampilan blog agar lebih menarik dan mudah digunakan oleh pembaca. Peserta akan belajar mengganti tema blog, mengatur tata letak (layout), serta menambahkan widget yang mendukung fungsi blog sebagai media pembelajaran.
B. Tujuan Pembelajaran
Setelah mengikuti modul ini, peserta mampu:
Memahami konsep desain blog yang baik.
Mengganti dan memilih tema blog yang sesuai.
Mengatur tata letak blog menggunakan menu Layout.
Menambahkan widget penting pada blog.
C. Materi Pembelajaran (2 JP)
1. Pentingnya Desain Blog
Desain blog yang baik akan membuat blog:
lebih menarik
mudah dibaca
nyaman digunakan oleh siswa
Prinsip desain blog yang baik:
Sederhana
Rapi dan terstruktur
Mudah dinavigasi
Tulisan mudah dibaca
2. Mengenal Tema (Template) Blog
Tema atau template adalah tampilan desain blog.
Tema menentukan:
warna blog
jenis huruf
tata letak halaman
tampilan artikel
Blogger menyediakan beberapa tema bawaan seperti:
Contempo
Soho
Emporio
Notable
Guru dapat memilih tema yang:
sederhana
bersih
mudah dibaca
3. Tata Letak Blog (Layout)
Menu Layout digunakan untuk mengatur posisi berbagai elemen dalam blog.
Contoh elemen yang dapat diatur:
Header (judul blog)
Menu navigasi
Sidebar
Footer
Melalui menu Layout kita juga dapat menambahkan widget.
4. Mengenal Widget Blog
Widget adalah fitur tambahan yang dapat ditampilkan pada blog.
Contoh widget yang sering digunakan:
Profil Penulis
Label/Kategori Artikel
Arsip Blog
Kotak Pencarian
Daftar Artikel Populer
Widget membantu pembaca menemukan informasi dengan lebih mudah.
D. Kegiatan Praktik (4 JP)
Praktik 1 – Mengganti Tema Blog
Langkah-langkah:
Masuk ke Dashboard Blogger
Klik menu Theme
Pilih tema yang tersedia
Klik Apply
Peserta mencoba beberapa tema dan memilih yang paling sesuai.
Praktik 2 – Menyesuaikan Tampilan Tema
Peserta mengatur tampilan blog:
Menu:
Theme → Customize
Peserta dapat mengubah:
warna background
jenis huruf
ukuran tulisan
warna judul artikel
Tujuannya agar blog terlihat lebih menarik dan nyaman dibaca.
Praktik 3 – Mengatur Layout Blog
Langkah-langkah:
Klik menu Layout
Perhatikan bagian-bagian blog seperti:
Header
Sidebar
Footer
Peserta mencoba memindahkan atau menata widget agar blog terlihat rapi.
Praktik 4 – Menambahkan Widget Penting
Peserta menambahkan widget berikut:
1. Profil Guru
Langkah-langkah:
Layout → Add Gadget → Profile
Isi dengan:
nama guru
foto
deskripsi singkat
2. Label / Kategori Artikel
Layout → Add Gadget → Labels
Widget ini berfungsi untuk mengelompokkan artikel berdasarkan kategori.
Contoh kategori:
Materi Pelajaran
Tugas Siswa
Video Pembelajaran
Artikel Pendidikan
3. Arsip Blog
Layout → Add Gadget → Blog Archive
Widget ini menampilkan daftar artikel berdasarkan waktu publikasi.
4. Kotak Pencarian
Layout → Add Gadget → Search Box
Widget ini memudahkan pengunjung mencari artikel.
E. Diskusi
Peserta berdiskusi tentang:
Tema blog mana yang paling cocok untuk blog pembelajaran?
Widget apa saja yang penting untuk blog guru?
Bagaimana tampilan blog yang nyaman bagi siswa?
F. Refleksi
Peserta menuliskan:
Hal baru yang dipelajari tentang desain blog
Perubahan yang telah dilakukan pada blog
Bagian blog yang paling menarik menurut peserta
G. Tugas Modul 3
Peserta harus sudah memiliki blog dengan:
Tema yang dipilih
Layout yang rapi
Widget profil guru
Widget label/kategori
Widget arsip blog
Blog ini akan digunakan pada Modul 4: Menulis Konten Blog Pembelajaran.
Di modul ini peserta akan mulai menghasilkan artikel blog pertama mereka.
Link DownloadDemikian artikel terbaru kami , Semoga Bermanfaat.
Baca Juga :
Baca Juga
Gabung Grup Guru Berbagi
Tele : https://bit.ly/3AYIXWZ

Post a Comment for "Pelatihan Optimalisasi Blog Guru untuk Media Pembelajaran dan Personal Branding : MODUL 3 - Desain Dan Tampilan Blog"