Desain Grafiti [TUTORIAL] Memasang Insta Feed di Blogspost dengan Snapwidget
Akhirnya saya bisa juga memasang feed Instagram di blogspot. Ternyata caranya tidak sesulit yang saya bayangkan. Feed Instagram itu adalah semacam galeri mini dimana foto yang ditampilkan sesuai koleksi Instagram yang kita miliki.
Sudah cukup lama tuh kepikiran gimana caranya pamerin foto Instagram seperti yang selama ini sering saya temukan di laman para IGer (istilah bagi para pemain Instagram) kalau saya sedang blog walking.
Dari hasil pencarian, kalau menemukan 2 cara yang tidak sulit. Pertama dengan menggunakan POWR. Langkahnya bisa dilihat di sini.
Namun saya sendiri lebih suka dengan mengoptimalkan Snapwidget karena
caranya betul-betul plug and play alias simple bin easy.
OK, siap ya !
Pertama, siapkan akun Instagramnya dulu ya. Ya ealaaahh !
Setelah itu, langsung akses www.snapwidget.com , scroll ke bawah sedikit maka akan terlihat kolom-kolom yang perlu kita isi seperti berikut.
Sehabis mengisi kolom-kolom tersebut, pengen tahu donk, tampilannya seperti apa ? Klik aja tombol preview. Kalo udah sreg, langsung klik tombol Get Widget untuk dapatkan coding seperti gambar berikut ini.
Kalau masih belum puas, ulik lagi kolom-kolom tadi hingga mendapatkan lay-out seperti yang diinginkan.
Sudah menetapkan pilihan ?
Jika sudah, sesuai instruksi, copy coding tadi untuk ditempatkan dalam blogspot. Caranya ?
(c) Terapkan coding yang diperoleh dari widget sebelumnya lalu Save.
Sudah cukup lama tuh kepikiran gimana caranya pamerin foto Instagram seperti yang selama ini sering saya temukan di laman para IGer (istilah bagi para pemain Instagram) kalau saya sedang blog walking.
Dari hasil pencarian, kalau menemukan 2 cara yang tidak sulit. Pertama dengan menggunakan POWR. Langkahnya bisa dilihat di sini.
 |
| Image from http://stokpic.com by Ed Gregory |
Namun saya sendiri lebih suka dengan mengoptimalkan Snapwidget karena
caranya betul-betul plug and play alias simple bin easy.
OK, siap ya !
Pertama, siapkan akun Instagramnya dulu ya. Ya ealaaahh !
Setelah itu, langsung akses www.snapwidget.com , scroll ke bawah sedikit maka akan terlihat kolom-kolom yang perlu kita isi seperti berikut.
 |
| Insta Feed di Blogspot #1 |
1. Username: isi sesuai nama akun Instagram, punya saya @ratna17amalia (ayo, follow yang belum, modus ^_^)
2. Hastag: kosongkan.
Karena jika diisi hal tersebut hanya akan terbatas pada pencaharian sesuai hastag saja
3. Widget Type: bentuk tampilan yang akan terlihat di blog. Saya pilih Grid.
Explore sendiri biar tahu masing-masing widget ya !
4. Thumbnail size: ukuran foto Insta yang bakal dipajang.
Sesuaikan dengan width blogspot masing-masing aja.
5. Lay Out: opsi ini muncul karena saya pilih Grid.
Angka 2 x 3 artinya 2 kolom dengan 3 foto tiap kolomnya.
Sekali lagi ini selera masing-masing ya...
6. Photo Border: futunya mau dipakein border atau ngga ?
7. Background: fotonya mau dipakein latar belakang atau tidak.
8. Photo Padding: jarak pengaturan antar foto dalam pixel.
Isi manual dan saya atur di angka 10 karena fotonya kecil-kecil
9. Hover Effect: saya pilih NO.
Hover Effect ini maksudnya jika gambar tidak disorot maka gambar kelihatan buram.
Gambar akan nampak jelas jika cursor diarahkan ke salah satu foto. Gicu...
10. Sharing Button: jika YA,
maka akan tampil ikon media sosial seperti Facebook atau Twitter.
11. Responsive:
Menilik keterangannya, Insta feed akan otomatis menyesuaikan dengan ukuran screen.
Saya pilih YES.
Sehabis mengisi kolom-kolom tersebut, pengen tahu donk, tampilannya seperti apa ? Klik aja tombol preview. Kalo udah sreg, langsung klik tombol Get Widget untuk dapatkan coding seperti gambar berikut ini.
 |
| Insta Feed di Blogspot #2 |
Kalau masih belum puas, ulik lagi kolom-kolom tadi hingga mendapatkan lay-out seperti yang diinginkan.
Sudah menetapkan pilihan ?
Jika sudah, sesuai instruksi, copy coding tadi untuk ditempatkan dalam blogspot. Caranya ?
(a) Masuk ke blogspot kemudian pilih Lay Out
(b) Add Widget dan klik Add HTML
 |
| Insta Feed di Blogspot #2 |
(c) Terapkan coding yang diperoleh dari widget sebelumnya lalu Save.
Blogspot Anda sudah dihiasi dengan gambar-gambar paling update dari akun Instagram Anda.
Kalau pengen lihat video tutorialnya, ada juga kok.
Selamat mencoba ya.
Selamat mencoba ya.
Post a Comment for " Desain Grafiti [TUTORIAL] Memasang Insta Feed di Blogspost dengan Snapwidget"