Loading...

17.2.18

Cara Menyematkan Foto atau Video Instagram ke Blog

loading...
Instagram saat ini menjadi salah satu platform berbagi foto dan video yang semakin banyak penggunanya. Apalagi setelah diakuisisi oleh Facebook beberapa tahun lalu. Instagram saat ini sebagai media untuk berbagi, promosi, informasi, hingga menjadi selebgram.

Serupa dengan kebanyakan platform lainnya, foto atau video Instagram juga memungkinkan untuk disematkan di blog khususnya di sini Blogger. Belum tahu bagaimana caranya menyematkan ke blog Anda, simak caranya berikut ini:
Cara Menyematkan Foto atau Video Instagram ke Blog

Mendapatkan kode foto atau video Instagram
  1. Masuk ke Instagram Anda.
  2. Pilih dan klik foto atau video yang ingin ditambahkan.
  3. Klik tanda titik tiga horizontal (sebelah kanan add a comment...).
  4. Pada jendela munculan klik Embed.
  5. Klik Copy Embed Code. Kodenya kurang lebih seperti ini:
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BHzbYVYgWyE/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURfhkjfhkzjhfkzfjzkuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5wgjahfgjafhzwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BHzbYVYgWyE/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by DeLoiZ (@deloizcom)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2016-07-13T13:36:31+00:00">Jul 13, 2016 at 6:36am PDT</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

Menambahkan kode ke blog
  1. Masuk ke blog Anda.
  2. Buat entri baru, tambahkan judul, tulisan dan lainnya sesuai kebutuhan.
  3. Paste kode pada mode HTML.
  4. Jika sudah OK tinggal Publikasikan. Sebagai hasilnya lihat di bawah:
A post shared by DeLoiZ (@deloizcom) on


Itulah tips dan trik kali ini tentang cara menyematkan foto atau video Instagram ke postingan blog. Dengan menggunakan cara di atas berarti Anda setuju dengan ketentuan API dari pihak Instagram.

Perlu diketahui juga, apabila foto atau video dihapus oleh pemiliknya maka otomatis konten di blog pun akan menjadi konten tidak tersedia (blank).  Selamat mencoba. Ikuti +Deloiz untuk mendapatkan info terbaru lainnya.

Baca juga: Cara Membuat Widget Sosial Media Melayang di Blog

Post a Comment

Whatsapp Button works on Mobile Device only

Start typing and press Enter to search