Header Ads

Header Ads

Nhúng video youtube vào sidebar cho blogspot


Bạn có một blog đang hoạt động kèm theo đó là kênh youtube của bạn thì việc nhúng video youtube vào blog là chuyện bắt buộc điều này giúp người đọc tiếp cận kênh youtube của dễ dàng hơn.

Cách nhúng video youtube thì rất đơn giản nhưng giao diện không được đẹp. Hôm nay IT-SharePro hướng dẫn bạn làm theo phương pháp này nhìn sẽ gọn gàng và đẹp hơn. Các bạn theo dõi các bước dưới đây.

1. Đăng nhập vào Blog chọn bố cục thêm một tiên ích bên sidebar chọn tiện ích HTML/Javascript.



2. Chép đoạn code bên dưới vào khung đặt tên cho tiện ích là video hay tên gì tùy bạn.

<div class="cover">

<a href="#">

<img src="#">

</a>

</div>

<header>

<p class="title"><a href="#">

<center>Windows 10 Tutorial</center>

</a></p>

</header>

</article>

</section>



Thay dấu "#" bằng link video youtube và dấu "#" bằng link ảnh đại diện video,ví dụ như dưới



<section class="video">

<div class="cover">

<a href="https://www.youtube.com/embed/Z1Er0qW8WY4?list=PLZAERQrSV1GpMw8S5kSw_SELcJxlyn_iI">

<img src="https://2.bp.blogspot.com/-wNyseSdy7x8/V1pvTJgkoUI/AAAAAAAAD2c/GYfJTEqCODMhOqPkQ8mawp1HzzgqqoJ0QCKgB/s320/20160610_143805.jpg">

</a>

</div>

<header>

<p class="title"><a href="https://www.youtube.com/embed/Z1Er0qW8WY4?list=PLZAERQrSV1GpMw8S5kSw_SELcJxlyn_iI">

<center>Windows 10 Tutorial</center>

</a></p>

</header>

</article>

</section>


3. Vào kênh youtube của bạn lấy link video bằng cách nhấn vào Chia sẻ>Nhúng nhớ copy phần bôi màu xanh thôi nhé. Copy xong thì thay link vào dấu "#" màu đỏ.



Xong nhấn Lưu lại quay trở lại blog xem kết quả. Lúc này bạn sẽ thấy video của mình xuất hiện trên sidebar thật phong cách. Cách nhúng video youtube vào sidebar cho blogspot như thế này không những giúp trang trí blog thêm sinh động mà còn tăng thêm lượt view cho video kênh youtube của bạn.

Như vậy là chỉ vài bước đơn giản bạn đã có thể tự tay đưa video lên blogspot một cách dễ dàng đúng không nào. Nếu gặp khó khăn nào bạn đừng ngại comment bên dưới, biết đâu tôi có thể giúp được cho bạn.

Hãy theo dõi blog thường xuyên để cập nhật nhiều thủ thuật hay khác nhé! Thân ái!

Không có nhận xét nào:

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Có thể bạn quan tâm

Recents