Skip to content Skip to sidebar Skip to footer

Cara Menambahkan Responsive Instagram Widget pada Blogger

Instagram adalah photo sharing media yang paling banyak digunakan saat ini. Dengan jumlah pengguna aktif lebih dari 300 juta orang, maka tidak salah jika Instagram dapat kita gunakan untuk menarik pengunjung pada blog kita. Sampai saat ini, belum ada widget resmi yang dikeluarkan oleh Blogger. Untuk itu, kita akan menggunakan Widget dari pihak ketiga, yaitu Instasive. Sebagai informasi tambahan, ada beberapa situs yang menyediakan widget Instagram untuk Blogger. Namun, saya lebih tertarik untuk menggunakan Instasive karena fitur responsive yang ditawarkannya itu sangat bagus. Jadi, walaupun blog kita dibuka melalui mobile phone, maka tampilannya tidak rusak.

Adapun tahap-tahap menambahkan widget Instagram pada Blogger adalah:
  • Buka alamat Instasive: www.instasive.com
  • Ada dua source sebagai sumber gambar kita, yaitu melalui username dan hastag. Jika kalian ingin menampilkan foto Instagram milik kalian sendiri, cukup isi username Instagram kalian pada kolom @username. Namun, jika kalian ingin menampilkan foto dari orang lain, maka kalian cukup memasukkan hastag yang kalian inginkan pada kolom #hastag
  • Selanjutnya, ada tiga pilihan pada Type of Widget, yaitu Grid, Slidshow, dan Column. Tipe Grid akan menampilkan foto seperti tampilan kotak-kotak, seperti tampilan di Instagram. Tipe Slideshow, akan menampilkan foto dengan animasi slideshow. Tipe Column, akan menampilkan foto seperti tampilan Pinterest
  • Isilah jumlah baris (Number of Rows) dan kolom (Number of Columns) sesuai dengan kebutuhan. Tips: Isi dengan jumlah baris dan kolom yang sama, misalnya 3x3, 4x4, dsb.
  • Image Hover Effect merupakan animasi yang akan tampil ketika mouse dibawa ke widget Instagram kalian
  • Tekan Preview, maka contoh tampilan widget Instagram kalian akan tertampil. Selanjutnya tekan Get Code untuk mendapatkan kode widget kalian
  • Copy kode widget kalian
  • Sekarang beralih ke Menu Admin Blogger, Pilih Tata Letak
  • Pilih Add Gadget, lalu pilih HTML/Javascript, selanjutnya Paste Code yang telah kalian Copy tadi, lalu tekan Save
  • Tekan Simpan Setelan
  • Hasil Akhir seperti gambar di bawah ini
Tampilan Instagram widget di blogger


Terima kasih, Selamat mencoba.

P.S. Seperti yang kalian baca, widget ini hanya meng-update foto Anda setiap 24 jam. Jika kalian ingin tampilan widgetnya ter-update setiap 5 menit sekali, kalian harus membayar $5 untuk fitur tersebut. Menggunakan widget ini juga bisa menambah waktu loading blog kalian, jadi, silahkan pikir-pikir terlebih dahulu sebelum melakukannya ya.


Hendra Yulisman
Hendra Yulisman Alumni LPDP PK 41 - Catureka Mandala. Seorang Pengajar yang sedang Belajar. Softcore gamer. Sangat tertarik dengan IT, Mikrobiologi dan Media Pembelajaran.

Post a Comment for "Cara Menambahkan Responsive Instagram Widget pada Blogger"