Cara Menambahkan Widget Instagram Pada Website (update 2016)

Cara Menambahkan Widget Instagram Pada Website (update 2016)

28 Mar 2025       40567

Seiring dengan mulai meluasnya penggunaan responsive design pada instagram maka sekarang cara menambahkan responsive widget instagram pada website dalam update kali ini di bawah.


Instagram adalah jejaring sosial yang digunakan untuk berbagi foto-foto. Berikut ini adalah cara untuk menampilkan akun Instagram ke dalam homepage website.

Secara default, Instagram tidak memberikan pilihan apapun untuk embedding gambar. Kami sudah menyediakan fitur module dan widget untuk mempermudah anda dalam penambahan widget apapun dengan mudah.

Berikut cara untuk menambahkan widget instagram paada website : 

1. Kunjungi http://websta.me/tools kemudian customize widget akun instagram Anda.

2. Setelah anda sudah mendapatkan ukuran dan tampilan yang sesuai , klik Generate code, maka akam muncul kode dan copy code tersebut.

3. Setelah mendapatkan kode, 
   - Untuk website paket Commerce : pada halaman admin - modul - Freebox
     Silakan paste kode yang telah didapat pada kolom kode. 


   - Untuk website paket profile : pada halam admin - widget
     Silakan klik "source" pada kolom "Deskripsi atau Kode", paste kode tersebut. 

Cek pada halaman depan website apakah widget sudah sesuai dengan keinginan Anda.


UPDATE 2016, cara menambahkan responsive widget instagram pada website.

Ada dua opsi responsive instagram widget yang kami sajikan, satu mengharuskan anda untuk login akun instagram anda.

Dan yang satu lagi tidak memerlukan login pada akun instagram anda.

Meski demikian, keduanya memiliki kelebihan dan kekurangan masing masing. Mari kita cek bagaimana cara untuk menambahkan responsive widget pada website anda dengan langkah seperti berikut.

Melalui embedmyphotos

1. pertama anda menuju http://embedmyphotos.com/widget-maker, anda tidak perlu login ke akun anda jika anda menggunakan layanan dari embedmyphotos.

Lalu customize tampilan seperti apa yang anda inginkan. Anda bisa merubah warna background, frame dan pilihan responsive atau statis di laman ini.

esponsive widget instagram pada website

2. Setelah anda mendapatkan tampilan yang anda inginkan, klik tombol get widget dan kopi kode yang muncul.

3. Setelah mendapatkan kode, pada halam admin - widget silahkan klik "source" pada kolom "Deskripsi atau Kode", paste kode tersebut.

4. Berikut adalah contoh tampilan widget instagram dari embedmyphotos

 

Cara kedua melalui, lightwidget

Untuk kali ini anda harus login menggunakan akun instagram anda.

1. Anda buka https://lightwidget.com/, lalu login menggunakan akun anda. Setelah login anda bisa mengkustomasi tampilan widget yang anda inginkan.

2. Setting tampilan widget instagram disini lebih lengkap, bahkan anda bisa mengkustomasi caption dan juga hover effect.

Setelah anda mendapat tampilan yang anda inginkan, klik tombol get code dan kopi kode yang muncul di bawah

3. Setelah mendapatkan kode, pada halam admin - widget silahkan klik "source" pada kolom "Deskripsi atau Kode", paste kode tersebut.

4. Berikut adalah contoh tampilan widget instagram dari lightwidget

Sekian tutorial Cara Menambahkan Widget Instagram Pada Website.

Semoga membantu,

Salam KaGETWEB !