Tutorial : Cara Letak Widget Instagram Di Footer Blog

Monday, April 23, 2018


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!

5 comments:

  1. macamtu je rupanya. Nanti kalau nak letak boleh lah refer sini :D

    ReplyDelete
  2. terbaek.. ejulz dah letak.. hehehe

    Jemput join segmen ejulz k. :)

    http://ejulz.blogspot.my/2018/04/segmen-aminkan-doa-sahabat.html

    ReplyDelete
  3. wahh mudah rupanyaa hehee. nanti boleh la try kalau nak buat :D

    ReplyDelete
  4. Oh..macam tu rupanya..thanks sharing :)

    ReplyDelete

Terima kasih sudi baca entry Zati.
Komen yang baik-baik ye!

Budi Bahasa , Budaya Kita

Powered by Blogger.