Membuat Kuis di Dalam Blog

Menyelipkan soal ujian interaktif ke dalam blog (biasanya disebut dengan istilah embed) adalah cara yang sangat bagus untuk meningkatkan keterlibatan pembaca atau siswa. Caranya cukup mudah dan umumnya tidak memerlukan kemampuan coding yang rumit.

Secara umum, metodenya adalah menggunakan kode iFrame yang disediakan oleh platform pembuat kuis, lalu menempelkannya ke dalam editor HTML blog Anda.

Berikut adalah langkah-langkah praktis menggunakan beberapa platform populer:

1. Menggunakan Google Forms (Paling Populer & Gratis)

Jika Anda ingin membuat kuis atau ujian standar yang nilainya bisa langsung masuk ke Google Sheets Anda, ini adalah pilihan termudah.

1. Buat Kuis: Buka Google Forms, buat soal, dan pastikan Anda sudah mengaktifkannya sebagai kuis (Kunci Jawaban & Poin aktif).

2. Ambil Kode Embed:

   • Klik tombol Kirim (Send) di kanan atas.

   • Pilih ikon < > (Embed HTML).

   • Atur lebar (width) dan tinggi (height) sesuai kebutuhan (misal: Lebar 100% agar responsif).

   • Klik Salin (Copy).

3. Tempel di Blog:

   • Buka dasbor blog Anda (Blogger atau WordPress).

   • Buat postingan baru atau edit yang sudah ada.

   • Ubah mode tampilan dari Tampilan Menulis (Compose) ke Tampilan HTML.

   • Tempel (paste) kode yang sudah disalin tadi di bagian yang Anda inginkan.

   • Kembalikan ke tampilan visual untuk mengeceknya, lalu publikasikan.

---

2. Menggunakan Quizizz (Lebih Seru & Game-ified)

Jika ingin ujian terasa seperti game yang interaktif lengkap dengan musik dan leaderboard, Quizizz adalah pilihan tepat.

1. Pilih Kuis: Buka kuis yang sudah Anda buat di Quizizz.

2. Atur Mode: Pilih mode Pekerjaan Rumah (Assign HW) agar siswa bisa mengerjakannya kapan saja secara mandiri.

3. Ambil Kode: Setelah kuis diterbitkan sebagai PR, cari tombol/opsi Embed (biasanya di bagian bawah atau menu berbagi). Salin kode iFrame-nya.

4. Tempel di Blog: Masuk ke editor HTML blog Anda, lalu tempelkan kodenya di sana.

3. Menggunakan Wordwall atau Educandy (Sangat Interaktif)

Dua platform ini sangat cocok jika Anda ingin menyisipkan soal dalam bentuk menjodohkan (matching), teka-teki silang, atau kuis roda berputar yang visualnya menarik.

1. Buat Aktivitas: Selesaikan pembuatan soal di Wordwall atau Educandy.

2. Bagikan: Klik tombol Share (Bagikan) -> Set Assignment (Atur Tugas) atau jadikan publik.

3. Salin iFrame: Cari tombol Embed </>, pilih jenis tampilan yang diinginkan, lalu salin kodenya.

4. Tempel di Blog: Tempelkan kode tersebut pada mode HTML di Blogger atau WordPress Anda.

Tips Tambahan agar Tampilan Kuis Bagus di Blog

• Buat Kuis Responsif (Ramah HP): Pada kode iFrame yang Anda salin, cari tulisan width="...". Ubah angkanya menjadi width="100%". Ini akan membuat lebar kuis otomatis menyesuaikan layar HP maupun laptop pembaca.

• Sesuaikan Tinggi (Height): Jika kuis terpotong dan memicu scroll ganda yang mengganggu, perbesar angka pada height="..." (misalnya diubah menjadi height="800" atau 1000).

• Beri Petunjuk Jelas: Sebelum kode kuis ditempel, tuliskan instruksi singkat di atasnya (contoh: "Silakan isi nama dan kerjakan soal interaktif di bawah ini langsung dari blog!").