Selasa, 26 Mei 2026

Pasang aplikasi Scratch di blogspot

Memasukkan file hasil HTMLifier langsung ke dalam postingan Blogger sebenarnya memiliki satu tantangan utama: file HTML yang dihasilkan biasanya sangat besar karena berisi semua aset gambar, suara, dan logika blok dalam format teks (Base64). Jika Anda langsung menyalin dan menempelkan ribuan baris kode tersebut ke editor Blogger, hal itu hampir pasti akan membuat browser menjadi lambat (lag) atau bahkan crash.


Agar portofolio interaktif siswa dapat tampil rapi dan profesional di website studio tanpa membebani performa blog, cara terbaik dan paling stabil adalah dengan meng-hosting file HTML tersebut di tempat lain terlebih dahulu, lalu menampilkannya di Blogspot menggunakan metode Embed (Iframe).

Berikut adalah langkah-langkah praktisnya:

Anda memerlukan tempat untuk menyimpan file .html hasil konversi HTMLifier agar mendapatkan sebuah tautan (URL) publik. Salah satu cara termudahnya adalah menggunakan layanan drag-and-drop seperti Netlify Drop

  1. Buka situs drop.netlify.com

  2. Buat sebuah folder baru di komputer Anda, lalu masukkan file hasil HTMLifier (misalnya project.html) ke dalam folder tersebut. Tips: Ubah nama filenya menjadi index.html agar lebih mudah.

  3. Seret dan lepas (drag-and-drop) folder tersebut ke area lingkaran di halaman Netlify Drop.

  4. Tunggu beberapa detik. Netlify akan memberikan sebuah link publik (misalnya: https://nama-acak.netlify.app).

  5. Buka tautan tersebut untuk memastikan proyek Scratch berjalan lancar. Simpan link ini. Lalu taruh di fitur sisipkan atau Edit link pada halaman edit blog Anda. Maka siap sudah tautan aplikasi Anda.

Selamat mencoba!

Contoh link aplikasi Scratch: Kolam ikan