Download this Blogger Template by Clicking Here!

Ad 468 X 60

Thủ Thuật Blogger

6/5/15

Widgets

Chèn video Youtube vào Blogspot có thumbnail

Hướng dẫn cách Chèn video Youtube vào Blogspot có thumbnail dành cho những bạn nào làmsite chia sẻ video cho blogspot. Bình thường thì chúng ta nhúng video vào blogspot thì phải chèn thêm hình để có thumbnail. Nhưng với thủ thuật sau đây thì khi chèn video nó sẽ tự động lấy thumbnailcủa video làm ảnh đại diện cho bài viết luôn.


Chèn video Youtube vào Blogspot có thumbnail

Bước 1 : 

Đăng nhập vào Blogger >> bài đăng mới >> chọn trình soạn thảo HTML và thêm đoạn code sau vào
<div style="text-align: center;"><iframe allowfullscreen="" frameborder="0" height="368" src="http://www.youtube.com/embed/7NUsd6FOPEc" width="655" wmode="Opaque"></iframe></div><div style="display: none;"><img border="0" src="http://img.youtube.com/vi/7NUsd6FOPEc/0.jpg" /></div>



  • Phần ID mình bôi đỏ là ID của video Youtube bạn chọn tùy ý
  • Số 0 là số thứ tự thumbnail, thường thì khi đăng video lên Youtube chúng ta sẽ có 3 thumbnail nên các bạn có thể thay thế số 0 thành 1 hoặc 2 tùy ý nhé.

Bước 2 :

Sau khi đã chỉnh sửa xong các bạn bấm xuất bản và xem thành quả mình vừa làm được. Chúc các bạn thành công.
<img border="0" src="http://img.youtube.com/vi/7NUsd6FOPEc/0.jpg" />

7NUsd6FOPEc/0.jpg : 0.jpg là độ phân giải của video ta có thể thay thành 1,2,3 tùy độ phân giải mà bạn muốn hiển thị.

Vậy cuối cùng bạn chỉ cần lưu code này ở file text nào đó:


<img border="0" src="http://img.youtube.com/vi/7NUsd6FOPEc/0.jpg" />
Khi nào cần post video bạn chỉ cần dán sau nó là ok.

Chúc thành công

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Hamedledam
Sửa chữa và bảo trì máy tính, quản trị hệ thống mạng doanh nghiệp.Cung cấp các giải pháp ứng dụng CNTT - Thiết kế, quản trị website.

0 comments: Bài đăng của bạn! Quy định comments▼
XIN LƯU Ý:
Comments spam sẽ bị xóa ngay. Bạn có thể để lại link blog. Liên kết blog vui lòng liên hệ...

» Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục
» Mọi thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới hoặc Gửi thư
» Hãy viết bằng tiếng Việt có dấu để mọi người có thể đọc!
» Để viết chữ in đậm hãy sử dụng thẻ chữ in đậm