Tạo khung nhúng video từ Youtube cho blogger

Khi bạn chèn một video từ YouTube vào blog theo cách thủ công mà mình giới thiệu trước đây  và video đó sẽ hiển thi hình mặc định trong video. Hình nền này được lấy ngẫu nhiên do vạy nhiều khi nhìn rất sấu. Bài viết này sẽ hướng dẫn gắn cho nó một hình nền giúp video hấp dẫn hơn.

Hãy xem video Demo bên dưới.

Cách tiến hành!

1- Tạo một bài đăng
2- CHeck vào phần HTML và dán code bên dưới vào.

<div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS3xnH3jzNVPtuCYFTObqjU3H-Rm2jmT4n0yl6puISgYmxH776CnUjEqfeR_dq49wDuE0VlXSLZkcuOQXBXqI5ucmrfXcYvL1B8rQLaqZe5EBRfdZt7mg65_uLVaWK0LYV8qx1POI8gwM/s1600/frame-youtobe-namkna-blogspot-com-1.png&quot;) no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;">
<iframe width="500" height="300" src="http://www.youtube.com/embed/NB7NETne1rM?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

Trong đó:

• Link màu xanh là linh khung ảnh nền
• Phần màu đỏ là mã nhúng video từ youtobe. Nếu chưa biết lấy mã nhúng hãy xem bài viết này 
• Lưu ý: Các khung nền có độ rộng thích hợp với video là 300 và 500 do vậy hãy chỉnh lại width và height trong phần mã nhúng lại bằng width="500" height="300" nha

Một số mẫu khung video youtobe!

Các bạn có thể download trọng bộ theo link bên dưới.

CLICK TO DOWNLOAD

Hãy tải ảnh về và Upload lên blog để dùng lâu dài phòng die link nha.
Khung 1

Khung 2

Khung 3

Khung 4

Khung 5

Khung 6