Chủ Nhật, 11 tháng 11, 2012

CHÈN VIDEO CLIP YOUTUBE-NHẠCCUATUI VÀO BLOG

Bạn có thể dễ dàng chèn một video clip của trang YouTube hoặc một bài nhạc ở trang Nhaccuatui vào Web/Blog nhờ thẻ nhúng của nó.
Thủ thuật dunghennessy giới thiệu cho các bạn phía dưới đây là một thủ thuật khá đẹp và đặc biệt. Đó là bạn có thể chèn bất cứ video clip hoặc bài nhạc mp3 nào từ các trang YouTube và Nhaccuatui với số lượng không giới hạn. Trên cùng góc trái của tiện ích này sẽ có một hộp xổ xuống chứa đựng những list video clip hoặc bài hát đbạn dễ dàng chọn lựa khi muốn xem.
Mời các bạn xem thtiện ích này ở phía dưới nha.
 

Xem thử

Bạn thấy tiện ích này như thế nào? Đẹp và tiện dụng phải không bạn? Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem TẠI ĐÂY).
Bây giờ bạn copy toàn bộ code phía dưới và dán vào hộp tiện ích HTML.
 
<div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left;">
<form name="jumpy">
<select name="example" size="1" onchange="gone()">
<!-- CHANGE THE BELOW URLS TO YOUR OWN-->
<option value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55zfQ6l4BCCL5t1RsgMhSTOOaiOjWPjFLKLljPhz4FPpLXMm5c41vxbPLYuIqjWt5DlUrr5fCXeGbzpz4KULjw7duwoPYPy-RdvNOvIAy4bklXFBqIXUQKqcztPtUQryCopTT0ctPRaoY/s1600/003.jpg" selected />● Chọn Video clip hoặc bài nhạc muốn xem
<option value="http://www.nhaccuatui.com/m/dfBJ33QnYjWl" />● Sông quê-Nhacuatui
<option value="http://www.youtube.com/embed/Cx1zxpX1B0Y" />● Ông xã em number one-YouTube
<option value="http://www.nhaccuatui.com/m/datq6RbrvsfL" />● Rong rêu (mp3)-Nhacuitui
<option value="http://www.youtube.com/embed/S2g5kEz9zxI" />● Dòng máu Lạc Hồng-YouTube
<option value="http://www.youtube.com/embed/9XqGsmrQ9ZM" />● Hào khí Việt Nam-YouTube
<option value="http://www.youtube.com/embed/8gAPxNqP8sQ" />● Sức mạnh quân sự Việt Nam-YouTube
<option value="http://www.youtube.com/embed/ibdCCMdXIcY" />● Tập trận tổng hợp của QĐNDVN-YouTube
</select>

<input type="button" name="test" value="Go!" onclick="gone()" />
</form>

<script language="javascript">


var displaymode=0

var iframecode='<iframe id="external" style="width:100%;height:400px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55zfQ6l4BCCL5t1RsgMhSTOOaiOjWPjFLKLljPhz4FPpLXMm5c41vxbPLYuIqjWt5DlUrr5fCXeGbzpz4KULjw7duwoPYPy-RdvNOvIAy4bklXFBqIXUQKqcztPtUQryCopTT0ctPRaoY/s1600/003.jpg"></iframe>'



if (displaymode==0)
document.write(iframecode)

function gone(){
var selectedurl=document.jumpy.example.options[document.jumpy.example.selectedIndex].value
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=selectedurl
else if (document.all&&displaymode==0)
document.all.external.src=selectedurl
else{
if (!window.win2||win2.closed)
win2=window.open(selectedurl)
//else if win2 already exists
else{
win2.location=selectedurl
win2.focus()
}
}
}
//-->
</script>

</div>

Bây giờ, bạn chỉ cần thay đổi các dòng lệnh màu đỏ, màu xanh và màu vàng theo ý thích của mình. Trong đó:
* Màu đ: là link ảnh nền của tiện ích.
* Màu xanh: là link video clip hoặc link nhạc.
* Màu vàng: là tên Video clip hoặc tên nhạc và height là chiều cao của tiện ích.
Mở rộng thêm:
Nếu bạn muốn thêm một Video clip hoặc một bài nhạc nữa thì bạn copy đoạn code này:
<option value="Link video clip hay link nhạc" />● Tên Video clip hay tên nhạc 
Dán trên dòng lệnh </select> cuối cùng.

CÁCH LẤY LINK VIDEO CLIP
Còn dưới đây là cách lấy link của Video Clip ở YouTube:
Muốn lấy link Video clip nào thì bạn mVideo clip đó lên xem, sau đó bấm vào nút chia sẻ (Share) phía dưới, tiếp tục bấm vào thEmbed bạn sẽ thấy một đoạn code nhỏ nằm riêng biệt ở một ô phía dưới (Xem ảnh).


Tiếp tc, bạn copy đoạn code này và mở Notepad (bấm nút Start > Chọn Programs > Chọn Accessories > Chọn Notepad) đdán đoạn code nhỏ này vào, sau cùng lấy link của nó (xem ảnh).



thay vào link Video clip (link màu xanh đoạn code của tiện ích), cuối cùng bấm Lưu lại là xong.
Cách lấy link của trang Nhaccuatui cũng tương tự.
Chúc các bạn vui!!!
   



Share this post
  • 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...

0 nhận xét:

Đăng nhận xét