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