Tinggalkan komentar

Cara menambahkan Video + Thumbnail (gambar video) di Bloger


Posting dengan video sepertinya sudah lazim dilakukan para blogger. Apalgi bagi yang memiliki blog khusus menampilkan video, sudah tentu isi blognya dipenuhi dengan video, baik dari YouTube ataupun video milik pribadi.

Tapi masih ada beberapa kawan sedusun yang kesulitan untuk menampilkan thumbnail atau gambar video tersebut. Maksudnya adalah, saat video belum diputar, ada gambar yang terlihat di pemutar video dalam posting/artikel kita.

Ternyata caranya cukup mudah, kita hanya perlu menambahkan sedikit kode dibelakang kode video dari YouTube.

Mumpung ini artikel tentang video dari YouTube, sekalian saja saya tulis cara untuk memasukkan video dari YouTube ke posting/artikel blog di blogspot.

Yang pertama buka YouTube, pilih video yang ingin kamu tampilkan di blog.

youtube

lihat yang dilingkari merah, hanya 3 langkah untuk memindahkan video dari youtube ke blog kita.

  1. Klik bagikan
  2. Klik Sematkan / Share
  3. copy kodevideo dari youtube

Selanjutnya tinggal paste ke dalam postingan kamu. Dan ingat, saat mempaste kode tadi, posisi halaman tulisan blog harus pada “edit HTML”, bukan compose. ( Cara ini juga berlaku untuk WordPress )

Nah sekarang masuk pada trik yang dimaksud dari judul artikel ini, yaitu menampilkan thumbnail (gambar) video dari YouTube tadi. Berikut kodenya :

<img border=”0″ height=”0″ width=”0″ src=”http://i2.ytimg.com/vi/kode seri video/0.jpg” />

Tambahkan kode tersebut dibelakang kode video YouTube kamu. Jadinya seperti ini :

<img border=”0″ height=”0″ width=”0″ src=”http://i2.ytimg.com/vi/kode seri video/0.jpg” />

Ganti tulisan “Kode seri video” dengan kode yang berwarna biru. Jangan sampai salah, karena kode dari YooTube itu berbeda disetiap videonya. Untuk melihat contoh jadinya bisa KLIK DISINI.

Selesai. Tinggal menambahkan isi artikel atau langsung di “publikasikan”. Semoga beranfaat

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: