Cara Embed Instagram di Blogger (Mudah & Responsive Tanpa Plugin)

Foto: Cara pasang post instagram di blogger dengan mudah

Newsartstory.com — Menampilkan postingan Instagram di blog atau website bisa membuat tampilan lebih menarik dan interaktif. Selain itu, cara ini juga membantu meningkatkan engagement pengunjung karena konten terlihat lebih hidup dan real-time.

Kabar baiknya, kamu tidak perlu plugin tambahan untuk melakukannya. Cukup gunakan script embed resmi dari Instagram, dan postingan bisa langsung tampil secara otomatis serta responsive di berbagai perangkat.

Apa Itu Embed Instagram?

Embed Instagram adalah cara untuk menampilkan postingan Instagram langsung ke dalam halaman website menggunakan kode HTML tertentu. Dengan metode ini, konten akan tetap terhubung dengan Instagram asli, termasuk tampilan, caption, dan interaksi.

Script Embed Instagram (Siap Pakai)

Berikut contoh script yang bisa kamu gunakan:

<div style="display:flex; justify-content:center;"> <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DXB3fNgmWR6/" data-instgrm-version="14" style="background:#FFF; border:0; margin:1px; max-width:540px; width:100%;"> </blockquote> </div>

<script async src="//www.instagram.com/embed.js"></script>

Cara Embed Post Instagram di Blogger tanpa Plugin

Ikuti langkah-langkah berikut:

1. Ambil Link Postingan Instagram

Buka postingan Instagram yang ingin ditampilkan, lalu salin URL-nya.

2. Ganti Link di Script

Ubah bagian berikut:

https://www.instagram.com/p/DXB3fNgmWR6/

dengan link postingan kamu.

3. Tempelkan ke HTML

• Blogger: gunakan mode HTML View

4. Simpan & Lihat Hasil

Setelah disimpan, postingan Instagram akan otomatis tampil di halaman.

Kelebihan Menggunakan Script Embed Instagram

1. Tidak perlu plugin tambahan
2. Tampilan otomatis responsive
3. Terhubung langsung dengan Instagram
4. Mudah digunakan (cukup copy-paste)

Tips Agar Embed Instagram Berfungsi

1. Gunakan akun Instagram publik (tidak private)
2. Pastikan script embed.js tidak dihapus
3. Gunakan ukuran container yang fleksibel agar tetap responsive

Kesimpulan

Embed postingan Instagram ke Blogger atau website adalah cara sederhana untuk mempercantik tampilan dan meningkatkan interaksi pengunjung. Dengan script resmi dari Instagram, kamu bisa menampilkan konten secara cepat, aman, dan tanpa ribet. Khusus untuk pengguna blogger ya script ini! Tidak untuk pengguna Wordpress/Wp.

FAQ (Optimasi SEO Tambahan)

Apakah embed Instagram bisa digunakan di Blogger?

Ya, kamu bisa menggunakannya dengan menempelkan script di mode HTML.

Kenapa postingan Instagram tidak muncul?

Biasanya karena akun private atau script embed.js tidak dimuat.

Apakah embed Instagram responsive?

Ya, secara default embed dari Instagram sudah responsive dan menyesuaikan layar.

Lihat Selengkapnya
Google News