Cara Menampilkan Tumbnail Pada Postingan Video

Sobat semua sudah tahu belum perbedaan postingan yang di dalamnya menggunakan fhoto dengan postingan yang di dalamnya menggunakan video t...


Sobat semua sudah tahu belum perbedaan postingan yang di dalamnya menggunakan fhoto dengan postingan yang di dalamnya menggunakan video tanpa ada fhoto?.disaat kita posting yang di dalam postingan ada video nya,tapi ketika di halaman beranda postingan kita hanya tampil sebagian saja dan akan di teruskan dengan bacaan ''read more'',di situ potongan dari sebagian postingan kita yang tampak hanya judul saja tanpa ada gambarnya,padahal di dalam postingan kita sudah ada video nya tapi kenapa di halaman beranda postingan tidak muncul gambar,hanya tulisan dan judul saja?,nah untuk mengatasi masalah tersebut kita harus menggunakan cara tersendiri yang pastinya sudah saya tuliskan di bawah ini.

Bagi sobat yang belum paham dengan kata-kata saya di atas ( ma'lum saya bukan pujangga yang pandai merangkai kata,,hee ) jadi saya akan kasih contoh gambarnya,.

cara membuat tumbnail video
 contoh postingan video dengan judul ''videoku'' yang tidak menggunakan cara seperti ini,lihat yang di lingkari warna merah hanya tampil judulnya saja tanpa ada gambarnya,.
cara membuat tumbnail video
Ini hasilnya jika posting video dengan judul yang sama tapi menggunakan cara seperti ini,lihat yang di lingkari warna merah,terdapat judul dan gambar tumbnail video yang di posting.,dan lingkaran yang satu lagi adalah tulisan''read more''

Naahh .. dengan dua contoh gambar yang saya berikan di atas,saya harap sobat semua paham dengan apa yang sudah saya jelaskan,yaitu bagaimana cara menampilkan tumbnail pada postingan video.Cara ini juga di terapkan oleh blog-blog magazine yang ber title film dan sejenisnya yang postingannya banyak menggunakan video,karena kalau tidak menggunakan cara seperti ini,maka halaman berandanya tidak akan tampil tumbnailnya,yang ada hanya halaman kosong atau tulisan saja.

Oke tidak usah panjang lebar,kita langsung saja ke cara-caranya membuat tumbnail di postingan video,baca baik-baik tutorial di bawah,selamat membaca.


cara membuat tumbnail video

  • Pertama masuk ke Youtube dan pilih video favorit anda.
  • Kemudian klik share/bagi seperti langkah nomer 1, lalu klik Sematkan lihat nomor 2 tunggu hingga kodenya muncul.
  • Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Tunjukkan video yang disarankan ketika video selesai.) biarkan yang lain kosong.
  • Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
  • Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube
<iframe width="560" height="315" src="http://www.youtube.com/embed/d6FLosL2fe8" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />

  • Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (d6FLosL2fe8). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :
 Perhatikan kedua kode pada gambar dengan background biru di atas
  • Dan akhirnya selesai.
 
Oke setelah semua langkah di atas di ikuti dengan baik,maka postingan video sobat akan menampilkan judul di sertai tumbnail dari video yang ada di postingan sobat pada halaman beranda,.Mungkin sampai disini saja tutorial tentang bagaimana cara menampilkan tumbnail pada postingan video,semoga postingan ini bisa bermanfaat untuk kita..

Happy Blogging Sobat Semuanya.

COMMENTS

BLOGGER: 16
Loading...

Ads 970x90

Nama

allianz,1,andro textile,1,android,6,asmara,1,asuransi,1,award,3,berita,45,bisnis,4,cap kaki tiga,1,commonwealth,2,daftar isi,5,decoder,1,download,15,efek blog,5,elektronik,2,entertainment,3,facebook,18,family,3,flora dan fauna,7,gadet,1,galuh,8,google,17,google adsense,2,google plus,24,hiburan,28,HostingPangeran,1,hotel murah,1,ICAN Education,1,iddetik.com,1,iklan,1,jadwal timnas,1,jasa,1,keindahan alam,2,keluarga,1,kesehatan,1,klasemen,6,komputer,2,kontes,22,kuliner,3,lain-lain,52,Margahayuland 42 tahun membangun,1,maruyungsari,9,olahraga,35,otomotif,9,paket wisata,1,pengalaman,2,persib,2,profil,2,puisi,2,religi,25,review produk,2,sambut brazil,2,seluler,2,software,1,superwash,1,tutorial dan trik blog,74,twitter,4,video,3,widget,1,wisata,5,youtube,11,
ltr
item
BLOG MASHARI: Cara Menampilkan Tumbnail Pada Postingan Video
Cara Menampilkan Tumbnail Pada Postingan Video
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYUmnqO1OgcyYkFc6M1mPzZZmuEJFgKpfkl1s3RmDuAl_9A1DVncVxiH7q7k4WrEt4w_7jTqNlYuOmcY-Krr7UiPSvibaSAKFwHotsBuwCLdHEHwfLaggadyl3oRtiA1elzWzKuIpN84c/s320/contoh1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYUmnqO1OgcyYkFc6M1mPzZZmuEJFgKpfkl1s3RmDuAl_9A1DVncVxiH7q7k4WrEt4w_7jTqNlYuOmcY-Krr7UiPSvibaSAKFwHotsBuwCLdHEHwfLaggadyl3oRtiA1elzWzKuIpN84c/s72-c/contoh1.png
BLOG MASHARI
https://harysukasuka.blogspot.com/2013/01/cara-menampilkan-tumbnail-pada.html
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/2013/01/cara-menampilkan-tumbnail-pada.html
true
1510860441598238899
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy