Cara Menampilkan Instagram di Blog Mudah dan Cepat

29 Nov 2017 - -

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>

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.

Jika kode berfungsi dengan baik, maka foto-foto instagram akan berhasil tampil di blog anda.
Demikian Cara Menampilkan Instagram di Blog Mudah dan Cepat, semoga bermanfaat.

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

Koleksi Tutorial Blog

Arsip Blog