Terkadang kita perlu menempelkan kode embed pada blog kita, contohnya seperti memasukkan peta google map ke post artikel blog staff kita.

Contoh berikut ini kita akan memasukkan salah satu Video Youtube kedalam artikel kita.

Ada beberapa cara yang bisa kita lakukan yaitu:

  1. Paste langsung Link URL Youtube kedalam artikel.

Link URL yang dimaksud disini adalah seperti terlihat dibawah ini

embed youtube ke blog

dan hasilnya video youtube tersebut akan muncul di dalam artikel blog kita.

2. Copy dan Paste Kode HTML Embed Video

Kode HTML yang dimaksud dalam contoh disini adalah seperti gambar dibawah ini

embed kode html

Kode HTML dari Video Youtube diatas adalah berikut ini

<iframe width="560" height="315" src="https://www.youtube.com/embed/ePEdNOliLGA" frameborder="0" allowfullscreen></iframe>

Sebelum kita paste Kode HTML tersebut kita perlu mengedit sedikit agar dapat muncul di artikel blog kita. Perubahan yang harus kita lakukan adalah:

a. Mengganti “<” pada awal kode menjadi “[“

b. Menambahkan “]” di akhir kode

Sehingga kode html tersebut menjadi seperti ini

[iframe width="560" height="315" src="https://www.youtube.com/embed/ePEdNOliLGA" frameborder="0" allowfullscreen></iframe>]

Paste kode tersebut pada mode “Text” didalam editor post blog kita seperti yang terlihat pada gambar dibawah ini

mode text wordpress

Sehingga hasilnya video akan muncul dibawah ini.

Bagaimana sangat mudah sekali kan ? Jika masih ada kesulitan, error atau permasalahan apapun terkait dengan Blog Staff UMY silahkan datang saja ke Ruang Puskom BSI Lantai 1 Gedung AR Fachrudin B.

Baca juga tutorial lainnya:

  1. Cara Embed Dokumen, Video, Google Map dsb
  2. Cara Import Blog ke Blog Staff UMY
  3. Cara Upload dan Menampilkan File di Blog
  4. Cara Login ke Blog Staff UMY
  5. Cara Membuar Artikel dan Publish di Blog
  6. Setting Tampilan Sidebar / Widget