Setting Widget Instagram

Anda bisa menampilkan Instagram widget yang terletak pada halaman website homepage seperti gambar diatas. Anda cukup siapkan code widget Instagram, kemudian diletakkan pada CMS Blocks (pada pengaturan website). Anda bisa mendapatkan Code Widget Instagram melalui website berikut https://snapwidget.com

2. Klik tombol GET A FREE WIDGET.

3. Lalu Anda akan diarahkan ke halaman berikut untuk sign up.

Daftarkan nama, alamat dan password Anda lalu klik tombol SIGN UP.

4. Setelah itu akun berhasil dibuat.

Selanjutnya klik tombol CREATE A NEW WIDGET.

5. Lalu pilih Instagram Grid yang bertanda Free berikut.

6. Maka Anda akan diarahkan ke halaman berikut.

Ikuti pengisian berikut: a. Username: Klik untuk login ke instagram Anda. b. Description: Dikosongkan saja. c. Thumbnail Size: Untuk mengatur ukuran foto yang ditampilkan, boleh diisi 160 px, atau sesuai keinginan, rekomendasi maksimal 200 px. d. Layout (Columns X Rows): Untuk mengatur jumlah kolom dan baris foto yang ingin ditampilkan, misalnya jika 3x2 maka hasilnya 3 kolom dan 2 baris, atau bisa diubah sesuai keinginan. e. Photo Border: Pilih No. f. Background Color: Opsional, boleh dikosongkan atau diisi dengan kode warna yang diinginkan. g. Photo padding: Untuk mengatur jarak antara foto yang satu dengan yang lain, bisa diisi sesuai keinginan, rekomendasi 2-5. h. Hover effect: Untuk mengatur style hover, ketika kursor diarahkan ke foto mau efek yang seperti apa. i. Sharing Buttons: Untuk menampilkan tombol share ke Fb/Twitter/Pinterest ketika kursor diarahkan ke foto. j. Responsive: Pilih Yes. Klik tombol Update Review untuk melihat tampilan yang sudah diupdate. Atau klik tombol Get Widget untuk mendapatkan kode.

7. Copy semua kode widget yang telah berhasil Anda Generate. Selanjutnya Anda tinggal menaruh code tersebut di website toko online Anda.

8. Selanjutnya Anda login di website admin > masuk ke menu Journal > Dashboard > CMS Block > klik Edit pada Instagram, atau jika belum ada menu Instagram, Anda bisa klik tombol Create New.

7. Klik Slide Item 1 > kolom Content. Klik Icon Source Code.

8. Hapus kode widget yang lama, kemudian paste kode widget yang baru Anda dapatkan.

9. Setelah selesai Klik OK, lalu klik Save.

Maka setelah Anda klik save, otomatis pada home side website Anda akan muncul foto-foto instagram Anda.

Last updated