-->
Pasang Sidebar Widget Instagram Di Blog AMP - Instagram kini semakin populer sejak di akuisisi oleh Facebook, hingga kini tercatat ada 400 juta pengguna aktif di dunia. Sepanjang tahun 2015 ada 100 juta pengguna baru di dunia, para anggota baru Instagram ini sebagian besar berasal dari Eropa dan Asia. Lebih spesifik lagi kebanyakan anggota barunya berasal dari Indonesia, Jepang serta Brazil.

Begitupun dengan blog Admin blog bisa menampilkan foto-foto dirinya di dalam blog tersebut. Selain dapat lebih mengenalkan dirinya pada para pengunjung, bisa pula untuk mempererat kedekatan antara admin blog dengan pengunjungnya. Apalagi bagi blog yang telah memiliki pelanggan aktif. Tentu tiap aktifitas yang dilakukan admin pun menjadi bagian dari update blog itu sendiri. Dan salah satu cara berinteraksi dengan pengunjung adalah dengan menyematkan gambar atau foto profil akun instagram di dalam blog.


Di artikel seblelumnya saya pernah share tentang Tutorial Membuat Post Embed Twitter Pada Blog AMP, memanfaatkan amp-instagram selain di menaampilkan instagram di postingan kita juga bisa menampilakn di sidebar, Untuk demonya sobat bisa lihat di sidebar blog saya. Kalau sobat tertarik untuk memakainya silahkan simak di bawah ini :
Untuk Mamasang Widget Ini Tentunya Sobat Harus Menggunakan Template AMP (Accelerated Mobile Pages Project)

Cara Pasang Sidebar Widget Instagram Di Blog AMP


Langkah Pertama

  • Pastikan sobat sudah memsang code dibawah ini tepat di atas </head>
<script async='async' custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>

Langkah Kedua

  • Pada Menu Dasboard klik Layout klik Add a Gedget

Langkah Ketiga

  • Pilih Html/Javascript dan masukan html di bawah ini

<amp-instagram data-shortcode="BF1BH20NEw0"
      width="600"
      height="450"
      layout="responsive">
  </amp-instagram>
Kode berwarna biru di atas silahkan sobat ganti sesuai dengan keinginan sobat
https://www.instagram.com/p/BR5rIm5DFy0
Semoga bermnfaat

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre>or<pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser

Tambahkan Komentar Tutup Komentar

Disqus Comments