December 2, 2024

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 web site.

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 /instruments kemudian customise 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 “supply” pada kolom “Deskripsi atau Kode”, paste kode tersebut.

Cek pada halaman depan web site 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 web site anda dengan langkah seperti berikut.

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

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

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.

four. 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 /, 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 “supply” pada kolom “Deskripsi atau Kode”, paste kode tersebut.

four. Berikut adalah contoh tampilan widget instagram dari lightwidget

Sekian tutorial Cara Menambahkan Widget Instagram Pada Website.

Semoga membantu,

Salam KaGETWEB !