Info Penting

Tugas Blogging 3 Kelas IX Semester 1 Tahun 2018

K egiatan pembelajaran dengan materi Blogging fokus utamanya adalah bagaimana siswa diharapkan bisa menulis dengan baik di blog yang suda...

Artikel Terbaru

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.

Tidak ada komentar:

Follow Me


Iklan

Tutorial Blogger

Arsip Blog