Cara Menambahkan Widget Instagram Pada Website (update 2016)

Posted by in Tutorial .
Cara Menambahkan Widget Instagram Pada Website (update 2016)

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 !

Related Posts:

HTML Kustom Karakter

HTML Kustom Karakter, saat ini hampir tidak membutuhkan image untuk membangun sebuah website, seperti halnya ikonik karakter yang dapat digantikan dengan kode HTML

1366 x 768 adalah resolusi layar paling populer untuk saat ini

1366 x 768 adalah resolusi layar yang paling populer atau paling banyak digunakan untuk saat ini

Cara mematikan atau men-disable deteksi otomatis format telephone pada safari

Cara mematikan atau men-disable deteksi otomatis format telephone pada iOS browser

Membuat website sesuai selera

Selera manusia berbeda-beda, salah satu anugerah dari Tuhan yang tidak bisa dijelaskan secara pasti melalui ilmu pengetahuan yang ada saat ini

Cara Memasang Google Maps Pada Website

Cara Memasang Google Maps Pada Website,Sebelum memasang / embed peta google map di website, ada beberapa langkah yang harus kamu lakukan, diantarnya adalah CREATE MAPS, menandai lokasi, mendapatkan koordinat dan mendapatkan embed code dari tempat yang su

10 Comments (2 Replies)

Leave a Comment

Leave a Reply

Name: *
E-mail: * (Not Published)
Website: (Site url with http://)
Comment: *
Verification code: Submit