Halo Sobat PENA EDUKASI! Ingin membuat blog Blogger Anda lebih fungsional dan menarik? Salah satu caranya adalah dengan menambahkan widget pihak ketiga. Widget ini bisa berupa jam digital, formulir kontak, galeri feed Instagram, popup notifikasi, dan masih banyak lagi.
Namun, memasang widget dari sumber luar perlu dilakukan dengan hati-hati. Jika salah pilih, widget bisa membuat blog menjadi lambat atau bahkan membahayakan keamanan. Nah, dalam tutorial widget Blogger ini, kita akan membahas tuntas cara pasang widget aman di Blogger, lengkap dengan tips agar performa blog tetap ngebut!
Daftar Isi
+Apa Itu Widget Pihak Ketiga?
Widget pihak ketiga Blogger adalah potongan kode (biasanya HTML, CSS, dan JavaScript) yang dibuat oleh pengembang atau perusahaan di luar platform Blogger. Tujuannya adalah untuk menambahkan fitur yang tidak tersedia secara default di Blogger.
Contoh populernya antara lain:
- Jam Digital & Kalender: Menampilkan waktu dan tanggal secara real-time.
- Formulir Kontak: Memudahkan pembaca menghubungi Anda tanpa menampilkan alamat email.
- Popup Promosi: Untuk mengumpulkan subscriber email atau mengumumkan informasi penting.
- Feed Instagram: Menampilkan galeri foto Instagram terbaru langsung di blog.
- Widget Chat: Memberikan layanan live chat bagi pengunjung.
Langkah-Langkah Menambahkan Widget di Blogger
Prosesnya sangat mudah. Secara umum, Anda hanya perlu menyalin kode dari penyedia widget dan menempelkannya di Tata Letak Blogger. Mari kita ikuti langkah-langkahnya.
Langkah 1: Dapatkan Kode Widget dari Sumber Terpercaya
Langkah pertama dan terpenting adalah menemukan penyedia widget yang kredibel. Cari situs yang memiliki reputasi baik. Setelah menemukan widget yang Anda suka (misalnya, jam digital dari Time.is atau formulir dari Tally.so), cari tombol bertuliskan "Get Code", "Embed", atau "Install".
Salin semua kode yang diberikan. Biasanya, kode tersebut akan terlihat seperti ini:
<!-- Contoh Kode Widget Feed Instagram -->
<script src="https://nama-penyedia-widget.com/script.js" async defer></script>
<div class="widget-container" data-id="user-12345"></div>Langkah 2: Masuk ke Dasbor Blogger
Buka browser Anda dan login ke akun Blogger seperti biasa.
Langkah 3: Buka Menu Tata Letak (Layout)
Di menu sebelah kiri dasbor Blogger, klik pada opsi "Tata Letak" atau "Layout". Halaman ini adalah tempat Anda mengatur posisi semua elemen di blog Anda, seperti header, sidebar, dan footer.
Langkah 4: Tambahkan Gadget (Add a Gadget)
Tentukan di mana Anda ingin menampilkan widget tersebut. Apakah di sidebar? Di footer? Setelah menentukan lokasi, klik link "+ Tambahkan Gadget" atau "+ Add a Gadget" di area tersebut.
Langkah 5: Pilih Gadget HTML/JavaScript
Sebuah jendela popup akan muncul berisi daftar gadget bawaan Blogger. Gulir ke bawah dan pilih gadget yang bernama "HTML/JavaScript". Ini adalah "wadah" universal untuk menempelkan hampir semua jenis kode dari pihak ketiga.
Langkah 6: Tempel (Paste) Kode dan Simpan
Sekarang, jendela konfigurasi gadget akan terbuka.
- Judul (Title): Beri nama widget Anda (misal: "Follow Instagram Kami"). Anda juga bisa mengosongkannya jika tidak ingin ada judul yang tampil di atas widget.
- Konten (Content): Di sinilah bagian terpenting. Tempel (paste) semua kode widget yang sudah Anda salin pada Langkah 1 ke dalam kotak konten ini.
- Klik tombol "Simpan" (Save) di jendela gadget.
- Terakhir, jangan lupa klik ikon Simpan (ikon disket) di pojok kanan bawah halaman Tata Letak untuk menerapkan semua perubahan.
Selesai! Sekarang coba kunjungi blog Anda untuk melihat widget baru yang sudah terpasang.
Tips Penting: Cara Pasang Widget Aman & Cepat
Menambahkan widget memang seru, tapi jangan sampai merugikan blog Anda. Ikuti tips berikut untuk memastikan widget yang Anda pasang aman dan tidak membuat blog lemot.
- Pilih Sumber Terpercaya: Gunakan widget dari situs besar dan terkenal (misal: Elfsight, Tawk.to, GetResponse). Hindari situs penyedia widget yang tidak jelas atau penuh iklan.
- Gunakan Sedikit Saja: Jangan berlebihan! Setiap widget menambahkan permintaan HTTP dan memuat skrip eksternal. Semakin banyak widget, semakin lambat blog Anda. Pilih 2-3 widget yang paling fungsional.
-
Periksa Kode Sebelum Memasang: Cek sekilas kodenya. Hindari widget yang menggunakan link
http://(tanpa 's'), karena tidak aman. Pastikan semua link menggunakanhttps://. - Uji Kecepatan Blog: Sebelum dan sesudah memasang widget, uji kecepatan blog Anda menggunakan tools seperti Google PageSpeed Insights atau GTmetrix. Jika skor kecepatan turun drastis, pertimbangkan untuk menghapus widget tersebut.
-
Prioritaskan Widget dengan `async` atau `defer`: Jika kode widget berupa
<script>, pastikan ia memiliki atributasyncataudefer. Atribut ini memberitahu browser untuk memuat skrip widget tanpa harus menghentikan proses rendering halaman, sehingga blog tidak terasa macet saat loading.
Peringatan: Jangan pernah memasang widget dari sumber yang meminta Anda memasukkan username atau password akun Blogger Anda. Kode widget yang sah tidak akan pernah meminta informasi sensitif seperti itu.
Kesimpulan
Menambahkan widget pihak ketiga di Blogger adalah cara yang efektif untuk meningkatkan fungsionalitas dan tampilan blog. Kuncinya adalah mengikuti langkah-langkah dengan benar dan selalu memprioritaskan keamanan serta kecepatan.
Dengan memilih sumber yang terpercaya dan tidak berlebihan dalam jumlah, Anda bisa memperkaya blog Anda tanpa mengorbankan pengalaman pengguna. Selamat mencoba dan semoga blog Anda semakin keren!