Cara Mudah Menampilkan Gambar atau Thumbnail Video Youtube Yang Tidak Muncul Saat di Share
Rabu, 23 Maret 2016
1 Komentar
Tweet Merpati - Apakah anda suka atau sering mengkoleksi Video favorit dalam sebuah Blog?
Yah, menyematkan atau menambahkan video atau gambar pada sebuah artikel memang sudah umum di lakukan oleh para blogger dan juga penulis- penulis website besar. tujuannya yaitu agar artikel terlihat lebih menarik dengan adanya tampilan gambar atau video yang sesuai dengan tema artikel. Akan tetapi kemudian masalah muncul saat mereka menshare video mereka ke facebook misalnya, gambar tidak muncul atau hanya berupa kotak putih kosong. tidak sama seperti yang terlihat di video yang dishare yang jelas menampilkan adanya sebuah gambar. apakah anda juga pernah mengalami hal tersebut?
Nah, lalu bagaimana Cara Mudah Menampilkan Gambar atau Thumbnail Video Youtube Yang Tidak Muncul Saat di Share?
sebenarnya caranya sangat mudah, anda tinggal menambahkan kode lain setelah kode embed video youtube yang anda masukan.
Sebelum kita melanjutkan bagaimana caranya, pastikan anda sudah mengetahui apa itu kode embed youtube dan bagaimana caranya menambahkan video youtube di blog. bagi anda yang masih belum mengetahui bagaimana caranya memasukan video youtube di blog bisa langsung saja klik =>Disini.
Langsung saja. Biasanya ketika kita akan memasukan video youtube ke blog, kita terlebih dulu harus mendapatkan kode embed video youtube yang biasanya hanya seperti ini :
Langsung saja. Biasanya ketika kita akan memasukan video youtube ke blog, kita terlebih dulu harus mendapatkan kode embed video youtube yang biasanya hanya seperti ini :
| <iframe width="420" height="315" src="https://www.youtube.com/embed/SCX5h6R00P8" frameborder="0" allowfullscreen></iframe> |
Agar gambar atau thumbnail video youtube muncul saat di share maka kita harus menambahkan kode lain seperti yang bisa anda lihat di bawah ini.
| <img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" /> |
Selanjutnya, silahkan kode diatas (kolom ke dua) anda Copy/Salin, kemudian tambahkan atau tempelkan di belakang kode embed video youtube yang anda gunakan. atau sebagai contoh saja kita ambil kode diatas (kolom pertama) hingga hasilnya akan terlihat seperti pada kolom berikut ini
| <iframe width="420" height="315" src="https://www.youtube.com/embed/SCX5h6R00P8" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" /> |
Setelah keduanya digabung menjadi satu, maka hasilnya akan terlihat seperti diatas. langkah selanjutnya anda tinggal mengganti tulisan "kode seri video" yang di beri warna kuning dengan kode embed youtubenya yaitu tulisan yang diberi warna merah. sehingga nanti hasilnya akan seperti di bawah ini
| <iframe width="420" height="315" src="https://www.youtube.com/embed/SCX5h6R00P8" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/SCX5h6R00P8/0.jpg" /> |
Selesai. Anda tinggal save atau simpan hasil kerja anda, maka video di youtubepun akan terlihat gambarnya sama dengan yang ada di video saat anda mensharenya ke facebook. lakukan hal tersebut setiap anda memasukan video youtube ke blog anda.
Silahkan di praktekan cara-cara diatas, dan semoga berhasil serta bermanfaat untuk anda.
hehehe percuma tutorialnya nggak bisa di copy..coba pakai kotak script mas jadi hanya yang di kotak bisa dicopy artikal lainnya tidak bisa....semangat...
BalasHapus