Di chuyển khung video youtube khi post bài ra bất kì chỗ nào trong blogspot

Chào các bạn! Hôm nay mình sẽ hướng dẫn các bạn làm thế nào mà khi post bài có thể di chuyển được khung video youtube ra một chỗ thích hợp hơn trong blogspot.

Xem demo

Bước 1: Vào Template > Mẫu > Chỉnh sửa HTML.

Bước 2: Tìm kiếm (Ctrl + F):

</head>

Và chèn JS sau trước thẻ:

Bước 3: Tìm kiếm (Ctrl + F):

<b:skin><![

Và chèn vào code CSS sau:

iframe#covervideo {
    width: 1000px;
    height: 600px;
}
div#myvideo {
    text-align: center;
    padding: 5px;
    background: #111;
}

Điều chỉnh chiều cao height:, độ rộng width: của video tương ứng nhé.

Bước 4: Chèn code sau vào vị trí bạn muốn hiển thị khung video youtube.
Có thể di chuyển ra bất kì chỗ nào nha, có thể dưới banner ....

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='myvideo'> </div>
</b:if>

Bước 5: Chèn video youtube vào bài viết.
Chọn một video youtube sau đó vào Nhúng và lấy code post vào bài viết.

<iframe id="bigframe" width="560" height="315" src="//www.youtube.com/embed/CUcfvlhCqCM" frameborder="0" allowfullscreen></iframe>

Nếu bạn muốn di chuyển video youtube thì chèn thêm id="bigframe" vào thẻ <frame... 

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

Jakub BB