Tutorial : Cara Letak Widget Instagram Di Footer Blog

Assalamualaikum

Malam ni zati tak boleh tidur , so rasa macam nak tukar template blog , maka jadi lah template yang bertemakan brown hehe. Zati nak bagi tutorial macam mana nak letak gambar-gambar kat IG masuk kan dalam blog ni.

1. Layout > Add a Gadget > HTML / Javascript
2. Copy code bawah ni dan pastekn kat ruangan HTML tadi

<div id="instafeed"></div>

<script type='text/javascript'>

//<![CDATA[

var feed = new Instafeed({

 get: 'user',

 userId: 529744398,

  limit:6,

  sortBy:'random',

accessToken: '529744398.1677ed0.3397e43f27e34c10aa6715ff429c8d29',

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>

3. Untuk user ID yang ni 529744398 , korang kena tukar korang punya ID . 

4. Mula - mula korang Log In Instagram korang, lepastu korang pilih mana-mana gambar dalam IG koramg, right click dan copy image address tu.
5. Step seterusnya, korang pergi kat sini pulak > https://www.otzberg.net/iguserid/  . Akan jadi macam kat bawah ni.

6. Copy User Id tu dan gantikan ye.
7. Untuk accessToken: '529744398.1677ed0.3397e43f27e34c10aa6715ff429c8d29', korang pergi sini > http://instagram.pixelunion.net/ , lepas tu keluar macam ni

8. Pastikan korang dah log in Insta korang ye. Tekan je Generate Access Token tu. Dia akan automatik keluar macam ni

9. Copy dan pastekan kat code nak ganti tadi ye
10. Dah siap! Save

Nota : Kalau korang perasan access token ni dia dah siap ada User Id.

Tapi kalau korang was-was nak ambil user id kat access token ni, boleh ikut step kat atas okay!