Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot


Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot. Như tiêu đề hôm nay Thế Giới Blog xin hướng dẫn các bạn Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot.

Vậy lấy ảnh này để làm gì ?

Như các bạn biết hiện nay có rất nhiều theme dành cho blogspot dùng để làm cho các blog chia sẻ về video và nếu các bạn không biết cách đăng bài viết cho các theme kiểu như này thì khi các hình ảnh đại diện trên blog của bạn sẽ không có ảnh hiển thị và nhìn sẽ không đẹp mắt (bạn sẽ thấy rõ nếu blog của bạn hiện bài mới nhất ở trang chủ có Hình ảnh đại diện của bài viết + Tiêu đề bài viết ...)

Trường hợp áp dụng ?

- Thủ thuật mình chia sẻ ở đây sẽ áp dụng tốt cho những ai có ý định viết 1 bài viết mà trong đó không có hình ảnh mà chỉ có video . Và chúng ta sẽ lấy cái ảnh Thumbnail của video đó làm ảnh đại diện cho bài viêt (áp dụng tốt cho các video lấy từ youtube)

Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot

Để làm được như vậy các bạn khi đăng bài làm như sau chuyển chế đọ đăng bài sang dạng HTML và copy link chia sẻ của youtube như sau:

Ví dụ dưới đây là phần code khi bạn chèn vào bài viết các bạn làm tương tự là ok

<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/dNiVB_d_z4k" width="560"></iframe><img border="0" height="0" src="http://i2.ytimg.com/vi/dNiVB_d_z4k/0.jpg" width="0" /><br />

dNiVB_d_z4k : Phần ID của video
- <img border="0" height="0" src="http://i2.ytimg.com/vi/dNiVB_d_z4k/0.jpg" width="0" /> Phần hiển thị ảnh mô tả của video chú ý thay ID theo đúng id của mỗi video để có thể hiển thị đúng ảnh

Youtube cung cấp cho bạn 4 hình thumbnail ảnh đại diện cho mỗi video từ 0 ==> 3. Bạn có thể thay 0.jpg thành 1.jpg, 2.jpg, 3.jpg để lấy các hình khác.

Các bạn muốn hiểu rõ bài viết này có thể thực hành ngay trên blog của mình để xem nó hiệu quả ra sao nhé

Chúc các bạn thành công !

Like This Post? Please share!

  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

No comments :

Leave a Reply

Scroll to top