Cara Menampilkan Instagram di Blog Mudah dan Cepat
29 Nov 2017 - - 3
Cara Menampilkan Instagram di Blog Mudah dan Cepat - Pada postingan kali ini kita akan belajar bagaimana cara menampilkan koleksi foto, gambar kita yang ada di instagram kedalam blog kita dengan menggunakan tool online yang disediakan oleh website jetseotools.
Berikut langkah-langkahnya:
1. Buka situs ini: http://www.jetseotools.com/ instagram/
2. Klik tombol GENERATE INSTAGRAM ACCESS TOKEN,
3. Login dengan menggunakan user dan password instagram anda.
4. Klik tombol Authorize
5. Copy token yang tampil seperti gambar berikut:
6. Padukan kode yang sudah didapat pada langkah 5 di atas, dengan kode java script berikut:
<div id='instafeed' />
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
get: 'user',
userId: 1113918111,
limit:8,
sortBy:'random',
accessToken: '1113918111.8f4c5bf.bb8921d38b5649e2b26fe9a04ac08ba8',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
resolution: 'standard_resolution'
});
feed.run();
//]]>
</script></div>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
get: 'user',
userId: 1113918111,
limit:8,
sortBy:'random',
accessToken: '1113918111.8f4c5bf.bb8921d38b5649e2b26fe9a04ac08ba8',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
resolution: 'standard_resolution'
});
feed.run();
//]]>
</script></div>
Penjelasan kode di atas: untuk userId: isi dengan 10 digit angka awal dari token instagram, sedangkan accessToken anda isi dengan token yang didapat pada tool jetseotools.
Selanjutnya anda login ke blog anda, tambahkan Gadget HTML/JavaScript, dan paste-kan rangkaian kode di atas, simpan dan lihat hasilnya.
Demikian Cara Menampilkan Instagram di Blog Mudah dan Cepat, semoga bermanfaat.
Terimakasih, anda telah membaca postingan dengan judul "Cara Menampilkan Instagram di Blog Mudah dan Cepat", semoga postingan ini bermanfaat untuk anda, budayakan berkomentar setelah membaca ya. 😊
Terima kasih infonya Bang.. Ijin mencoba yaa
BalasHapusNah, akhirnya ketemu juga informasi yang ane cari dari semalem.Thanks gan
BalasHapusThanks infonya, Sangat berguna. izin coba ya bang
BalasHapus