
Teknik ini menggunakan kombinasi dan CSS positioning agar gambar tetap berada di posisi tertentu di layar.
Fungsi Widget “I Love Indonesia”
Menambahkan widget ini pada blog memiliki beberapa manfaat:
- Membuat tampilan blog lebih menarik dan hidup
- Menunjukkan identitas atau tema nasionalisme
- Menambah elemen visual tanpa mengganggu konten utama
- Cocok untuk blog personal, pendidikan, dan komunitas
Cara Kerja Widget
Widget ini biasanya berjalan menggunakan file JavaScript eksternal yang memanggil gambar dari URL, kemudian menempatkannya di pojok halaman menggunakan CSS seperti position: fixed.
Cara Memasang Widget I Love Indonesia (Metode Modern)
⚠️ Catatan: Link lama seperti Google Code sudah tidak aktif lagi. Saat ini disarankan menggunakan hosting modern seperti GitHub, CDN, atau hosting pribadi.
1. Upload File JavaScript (Wajib)
Simpan file script .js ke salah satu layanan berikut:
- GitHub Pages
- jsDelivr CDN
- Firebase Hosting
Contoh URL modern:
https://username.github.io/widget/iloveindonesia.js
2. Tambahkan Script ke Blog
Setelah mendapatkan URL file JS, masukkan kode berikut ke blog Anda:
<script src="https://username.github.io/widget/iloveindonesia.js"></script>
<script>
cot("https://your-image-url/iloveindonesia.png");
</script>
Cara Pasang di Blogger
Untuk pengguna Blogspot / Blogger:
- Masuk ke Dashboard
- Pilih Tata Letak (Layout)
- Klik Tambah Gadget
- Pilih HTML/JavaScript
- Paste kode script di atas
- Simpan
Cara Pasang di WordPress
Untuk WordPress self-hosted:
- Masuk ke Appearance → Widgets
- Tambahkan widget Custom HTML
- Tempelkan kode JavaScript
Alternatif:
- Edit file
footer.phpatauheader.php - Tempelkan script sebelum
</body>
Cara Kerja Penempatan Pojok Blog
Widget biasanya menggunakan CSS seperti:
position: fixed;
bottom: 0;
left: 0;
Anda bisa mengubah posisi ke:
top-lefttop-rightbottom-leftbottom-right
Kesimpulan
Widget “I Love Indonesia” adalah salah satu elemen dekoratif sederhana yang dapat mempercantik blog dengan mudah. Dengan bantuan dan teknik CSS modern, widget ini dapat ditampilkan secara fleksibel di pojok halaman tanpa mengganggu konten utama.
Di tahun 2026, penggunaan file JavaScript eksternal melalui CDN atau GitHub jauh lebih disarankan dibanding metode lama seperti Google Code karena lebih stabil, cepat, dan aman.
Rekomendasi
Jika ingin tampilan lebih keren, kamu bisa mengembangkan widget ini menjadi:
- Widget animasi (fade / bounce)
- Widget hover interaktif
- Widget dark mode support
- Widget responsive mobile