Cara memasang widget Instagram di Blog (Blogspot) dengan mudah

Apa itu widget?

Beberapa platform blogging seperti Blogger dan Wordpress menggunakan widget untuk memungkinkan blogger yang tanpa memeiliki pengetahuan (awam) tentang HTML atau CSS untuk memodifikasi desain dan isi blog mereka dengan menggunakan sistem point-and-click atau drag and drop sederhana melalui widget.

Alih-alih harus mengedit CSS dalam tema blog untuk menambah atau mengubah kinten sidebar blog, blogger cukup memodifikasi penempatan dan isi widget di sidebar dengan cara menyeret dan meletakan atau memasukkan kode java script ke add gadget. tanpa harus belajar coding.

Apa itu Instagram?

Instagram adalah jejaring sosial yang dibuat untuk berbagi foto dan video dari smartphone. miri dengan Facebook atau Twitter, setiap orang yang membuat akun Instagram memiliki profil dan feed berita.

saat kamu memposting foto atau video di instagram. ini akan ditampilkan di profil kamu. pengguna lain yang mengikutimu akan melihat posting tersebut di beranda mereka sendiri. demikian juga kamu akan melihat pos dari pengguna lain yang kamu ikuti.

Cara memasang widget Instagram di Blog (Blogspot)

1. Masuk ke dashbord Blogger > Layout > add gadget > HTML/Java Script
2. sekarang kopy code dibawah ini, lalu pastekan.

<div id='instafeed'/>

<script type='text/javascript'>//<![CDATA[

var feed = new Instafeed({

 get: 'user',

 userId: 10008029,

  limit:16,

  sortBy:'random',

accessToken: '1531863919.1677ed0.23d238bc564249e799095d060c750218',

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>

3. sekarang waktunya kamu membuat akses token untuk akun instagram milikmu. dengan mengunjungi tautan berikut > http://instagram.pixelunion.net/ ikuti langkah langkah di bawah ini: