Tutorial Menyematkan Foto Instagram di Tulisan Blog (Blogpost)

Salah satu yang membuat sebuah postingan itu menarik adalah menyematkan foto ke dalam blogpost. Dalam menyematkan gambar dalam blogpost kita, ada dua cara yang bisa dilakukan, yaitu dengan menyematkan gambar dari website lain atau menyematkan gambar milik kita sendiri. Kalau menyematkan gambar dari website lain, tentunya juga nggak semena-mena dong kita asal ambil dari Google. Karena nanti akan terkait dengan hak milik sebuah gambar. Solusinya adalah mengambil gambar dari website yang memberikan foto secara gratis. 

Kalau saya, sebenarnya lebih suka menggunakan cara kedua, yaitu menyematkan foto saya sendiri. Salah satunya dengan cara menyematkan (embed) foto instagram di blogpost. Saya lebih suka menyematkan foto sendiri karena nggak pakai mikir soal hak milik foto. Dan sering menyematkan foto instagram karena lebih ringan sebab bentuknya adalah sebuah code HTML tapi ketika sudah posting, maka akan keluar foto beserta keterangan foto sesuai dengan yang ada di instagram.

Menyematkan foto instagram ini bisa dilakukan melalui PC atau juga melalui smartphone, asal ada browser, beres deh. Hanya saja, kalau menggunakan smartphone, siap-siap saja mata kita mendelik-mendelik. Hahaha. Gimana sih caranya? Cuz deh ikuti langkah-langkahnya ya.

PS : Silakan klik gambar untuk melihat lebih jelas lagi ^_____^

1. Buka instagram kalian lewat browser dan login ke akun kalian ya. Setelah itu, pilih foto yang akan kalian sematkan di blogpost.

2. Lihat di bagian pojok kanan bawah. Ada titik berjajar tiga buah, klik.

3. Setelah itu akan muncul dua kotak perintah, yaitu ‘embed’ dan ‘cancel’. Pilih ‘embed’.

4. Kemudian akan keluar kotak code HTML yang nanti akan kalian copy paste-kan code itu ke dalam blogpost kita. Di dalam kotak perintah itu, ada kotak kecil yang menjadi pilihan untuk menyertakan caption foto kita atau tidak. Silakan dipilih dengan cara meng-klik kotak kecil itu. 

5. Kemudian, blok semua code HTML yang ada untuk meng-copy code itu. Atau, paling mudah setelah memblok semua codenya, tekan tombol Ctrl+P. Setelah itu klik kotak ‘Copy Embed Code’

6. Lalu, buka dashboard blog kalian, masuk ke menu ‘entri’ untuk membuat draft tulisan.

7. Di pojok kiri atas, ada kotak ‘compose’ dan ‘HTML’. Pilih yang ‘HTML’ ya.

8. Nah, kalian akan dibawa ke halaman yang nantinya berisi tulisan kalian beserta code-code HTML-nya. Tapi karena ini masih latihan, kolom yang saya contohkan masih kosong dan belum ada tulisan apa-apa.

9. Paste-kan code HTML dari foto instagram tadi. Caranya dengan menekan tombol Ctrl+V.

10. Nah, foto kita yang dari instagram sudah tersemat di blogpost kita. Tinggal merapikan saja.

11. Saat merapikan foto instagram ini, saya biasanya merapikan fotonya dengan cara meletakkan posisi foto di tengah-tengah tulisan atau menggunakan rata tengah dan mengecilkan ukuran foto. 

12. Untuk meletakkan foto supaya berada di tengah, saya memberikan code <center> di bagian depan code HTML foto dan </center> di bagian akhir code HTML. Jika ingin menggunakan rata kiri atau kanan, tinggal menggantinya dengan code <left> atau <right> dan mengakhirinya dengan </left> atau </right>.

13. Untuk mengecilkan ukuran foto, tinggal mengganti angka di bagian yang saya lingkari itu ya. Saya biasanya pakai angka 65% supaya ukurannya nggak terlalu besar karena saya suka mencantumkan caption dari foto.

14. Tarara...!!!! Selesai sudah langkah-langkah menyematkan foto instagram ke blogpost kita. Tinggal mengecek saja, apakah berhasil atau tidak.

15. Caranya, klik kotak ‘compose’ di kiri atas. Kalau foto kita berhasil tersemat, maka akan muncul kotak foto kita tapi tidak muncul gambarnya. Nggak perlu khawatir, nanti kalau sudah di-publish, fotonya bakal keluar kok.

16. Tekan tombol publish dan lihat hasilnya.

Selamat!! Kalau hasil akhirnya sama seperti yang ada di image saya itu, maka prosesnya berhasil dan kalian berhasil menyematkan foto instagram ke blogpost kalian. Kalau belum berhasil, silakan diulang caranya. Harus teliti, supaya nggak amburadul code HTML-nya. 

Kalau ada kesulitan dan ada pertanyaan, silakan menulis di kolom komentar ya. Semangat!!