serba serbi tentang menulis blog

Cara Embed Instagram di Blog WordPress dan Blogspot

Cara Embed Instagram di Blog WordPress dan Blogspot

Sebenarnya ini sesuatu yang mirip dengan menempelkan berbagai hal di blog. Tidak ada bedanya apakah itu podcast, youtube, sosial media, selama halaman itu bisa diakses publik dan kita tahu alamat tautannya maka kita bisa menempelkannya di blog WordPress maupun Blogspot.

Yang terpenting adalah kita tau bagaimana mendapatkan tautan yang ingin ditempelkan dan apa nama blok yang ingin ditambahkan kalau di wordpress. Untuk di blogspot agak sedikit tricky, karena kita harus mencari kode html untuk diembed dan bukan hanya tautannya saja.

Mungkin untuk lebih jelasnya bisa langsung saja baca penjelasan disertai tangkapan layarnya.

Menempelkan Instagram di Blog WordPress

Kita mulai dengan yang mudah dulu. Untuk menempel instagram baik itu feed ataupun reels dari instagram pertama itu kita harus mendapatkan tautannya dulu. Cara mendapatkan tautannya bagaimana? Liat video ini nih:

Dapatkan tautan post instagram di hp

Setelah dapat tautannya, buka deh halaman blog wordpressnya dan panggil blok instagram di wordpress.

ketik /instagram
blok instagram
salin tautan instagram lalu klik embed

Hasilnya bisa dilihat seperti berikut ini:

Untuk cara lain selain menyalin tautan, kita bisa juga menggunakan blok Custom HTML. Caranya kurang lebih sama, tetapi untuk kode embed biasanya hanya didapatkan dari Instagram versi desktop dan bukan di aplikasi mobile.

Pertama kita ambil dulu kode yang ingin diembed.

Berikutnya seperti halnya mencari blok instagram, kali ini cari blok Custom HTML, lalu salin deh code yang sudah didapatkan dari instagram.

memanggil blok Custom HTML
salin Code yang sudah didapatkan dari Instagram

Jangan lupa, kodenya didapatkan dari versi desktop saja ya. Saya pernah mencari di versi instagram ponsel tapi tidak ketemu juga, setidaknya sampai saat saya menuliskan belum ketemu. Mungkin kalau ada yang tahu caranya boleh beritahu di komentar.

Berikut ini hasil yang bisa dilihat, dan contoh berikut ini saya menyalin kode untuk menempelkan tanpa caption. Oh iya, supaya hasilnya ditengah saya menambahkan kode dari instagram diantara tanda <center> dan </center>.

Menempelkan instagram di blogspot

Cara menambahkan ini lagi-lagi mirip dengan menempelkan apapun di blogspot. Berbeda dengan cara di wordpress yang ada pilihan menyalin tautan atau embed code, untuk blogspot kita hanya bisa menambahkan dengan mendapatkan kode embednya terlebih dahulu.

Jadi setelah kita mendapatkan kode yang akan diembed, di editor blogspot kita bisa pindah ke HTML view dan menaruh salinan kodenya di sana.

antara html view dan compose view di blogspot

Selanjutnya kita Bisa kembali ke Compose View. Jika kita ingin membuat hasil tempelannya ditengah, kita tambahkan diantara <center> dan </center> seperti di bagian custom HTML wordpress.

Kalau mau melihat hasil yang di blogspot bisa lihat di blog blogger.menulis.blog di sini nih

Semoga tulisan ini bisa membantu ya!


Leave a Reply

Your email address will not be published. Required fields are marked *