Cara Menambahkan Postingan Instagram Rata Tengah Di Blogger dan Wordpress

Postingan Instagram melalui aplikasi smartphone (Foto: Unpslash)

Seringkali akun instagram yang kamu ikuti mengunggah postingan baik story, meme, video, atau foto menarik ke dalam instagram mereka dan kamu ingin ikut membagikan unggahan tersebut ke orang lain.

Postingan tersebut tentunya bisa kita bagikan ke berbagai media sosial lain seperti facebook dan twitter melalui tombol share yang tersedia. Selain pilihan ke kedua media sosial tersebut, juga terdapat opsi untuk membagikan postingan lewat email.

Tidak hanya itu, Kamu juga bahkan bisa membagikan unggahan dari media sosial tersebut ke blog pribadi atau website. Caranya cukup mudah, hanya butuh beberapa langkah saja sederhana.

Pada tutorial kali ini, Buol Online akan memberikan contoh melalui platform blog dari blogger.com. Untuk pengguna platform lain caranya sama saja, intinya memasukkan kode penyematan (embed) yang disediakan instagram atau media sosial lainnya sperti Facebook dan Youtube.

1. Buka unggahan instagram yang ingin kita tambahkan ke blog
2. Klik pada opsi berupa 3 titik horizontal pada bagian kanan atas.
   
   
   
   
   
3. Pilih "Embed"
   
   
   
   
   
4. Nanti akan muncul pop-up untuk mengkopi kode embednya.
   
   
   
   
   
   
5. Hilangkan centang jika kalian tidak ingin mengikutsertakan caption pada unggahan tersebut lalu klik Copy Embed Code
6. Bikin postingan baru di blog atau website, pilih editor tampilan HTML
7. Paste kode embed instagram yang sebelumnya telah kita salin di posisi yang di inginkan
8. Secara default sematan Instagram ini akan diatur dengan posisi rata kiri, untuk membuatnya menjadi center atau rata tengah, maka tambahkan kode <center> sebelum kode sematan tersebut dan ditutup dengan </center> penutup setelah kode sematan 
9. Simpan postingan kalian.
10. Untuk membuat tapilan sematan Instagram lebih rapi bisa juga menambahkan kode custom CSS untuk semua postingan Instagram di pengaturan tema kode dengan cara, masuk ke editor tema, lalu paste kode berikut tepat di atas kode ]]></b:skin>
    <style>
    .instagram-media{margin:0 auto !important}
    </style>
    

Bagaimana cukup mudah bukan? selamat mencoba.

Ikuti dan dukung akun media sosial Buol Online di link berikut untuk terus update info seputar Sulawesi Tengah!
Facebook: Buol Online
Instagram: @Buol_Online
Tiktok: @Buol_Online
Youtube: Buol Online