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 thử tiện ích này ở phía dưới nha.
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/AVvXsEg3e9Z_ol9cj7D9lSrziR3Q4NoQBiiFnMKDfLmWchT3zV1g-bRU04eROuyKOpTLzGdCcVDYs8uivhwgVhIGrbtRM9czMQbOG7oje_iw86U2uQCjuW3NFi1lQjmCRe33qFGnudGh25AJNi58/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/AVvXsEg3e9Z_ol9cj7D9lSrziR3Q4NoQBiiFnMKDfLmWchT3zV1g-bRU04eROuyKOpTLzGdCcVDYs8uivhwgVhIGrbtRM9czMQbOG7oje_iw86U2uQCjuW3NFi1lQjmCRe33qFGnudGh25AJNi58/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>
<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/AVvXsEg3e9Z_ol9cj7D9lSrziR3Q4NoQBiiFnMKDfLmWchT3zV1g-bRU04eROuyKOpTLzGdCcVDYs8uivhwgVhIGrbtRM9czMQbOG7oje_iw86U2uQCjuW3NFi1lQjmCRe33qFGnudGh25AJNi58/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/AVvXsEg3e9Z_ol9cj7D9lSrziR3Q4NoQBiiFnMKDfLmWchT3zV1g-bRU04eROuyKOpTLzGdCcVDYs8uivhwgVhIGrbtRM9czMQbOG7oje_iw86U2uQCjuW3NFi1lQjmCRe33qFGnudGh25AJNi58/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 mở Video 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 thẻ Embed 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 tục, 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!!!
27 nhận xét:
cái này rất hay . và rất bổ ích cho nhiều blog . chúc mừng anh nhé . chúc blog của a càng ngày phát triển nhé . www.thienhieu.com
Cám ơn em đã ghé thăm.
Anh cũng chúc Blog của em ngày càng phát triển nha
có những cái rất đơn giản . nhưng mình nghĩ mãi cũng ko ra cach làm . nhưng với anh dũng thì khác . thật sự blog của mình phát triển và duy trì đến bây giờ là 1 phần nhờ anh dũng . cảm ơn anh nhiều lắm . www.thienhieu.com đây là blog của mình . mọi người ghé qua xem nhé .
www.dichvudamcuoihaiphong.com, cám ơn anh dũng hennessy nhờ anh mà em đã làm được trang này để giải trí, Kiến thức của anh cho đi thì cuộc đời sẽ sinh hoa kết trái. Chúc anh khỏe và thành công
bạn shenglongkd bạn lập nhiều blog vậy . bạn làm cả áo cưới nữa à . hay là Design vậy .
Blog của bạn Shenglongkd cũng khá phong phú đó nhưng mà giao diện và bố cục hơi giống của dunghennessy à nha
SAO MÌNH LÀM RỒI CHÈN VIDEO MÀ NÓ HIỆN RA 1 KHUNG VIDEO LUÔN K NHƯ CỦA BẠN ẨN TRÊN 1 THANH XONG KHI NHẤP VÀO NÓ MỚI CHẠY KHUNG VIDEO XUỐNG
Thủ thuật này bạn làm ra một khung luôn là đúng rồi (bạn bấm vào xem thử thì sẽ thấy như vậy...)
Còn của dunghennessy lại là một thủ thuật khác nữa (mà mình chưa có thời gian để chia sẻ thôi)
vậy ah.
Cám ơn bạn nhé
Dũng ơi, em hướng dẫn cho anh cách chen video clip vào bài đăng với. Trước đây anh làm được, giờ chẳng hiểu sao nó báo đang tải về, mà anh chờ rất lâu mà không tải được. Sao vậy em?
Còn nữa. Trước đây sau mỗi bài đăng thường có một dang mục các bài đã đăng trước đó, giờ cũng báo bị lỗi. Giờ anh muốn sửa lại mà không biết em hướng dẫn ở đâu
Dũng ơi, em hướng dẫn cho anh cách chen video clip vào bài đăng với. Trước đây anh làm được, giờ chẳng hiểu sao nó báo đang tải về, mà anh chờ rất lâu mà không tải được. Sao vậy em?
Còn nữa. Trước đây sau mỗi bài đăng thường có một dang mục các bài đã đăng trước đó, giờ cũng báo bị lỗi. Giờ anh muốn sửa lại mà không biết em hướng dẫn ở đâu
Ý anh Hải là chèn clip Youtube vào bài đăng đó hả, nếu vậy thì anh khi xem video thì bấm vào thẻ nhúng và lấy code chèn vào Blog thôi...dễ mà
Anh Dung có thể cho em xin cái code như của anh không. Tức là thanh video ẩn bấm vào thì nóp chạy xuống, em chèn vào mà nó hiện ra 1 khung luôn
Cám ơn anh
[sangnv102@gmail.com]
Thủ thuật này hơi bị phức tạp một chút, vì vậy em cho anh thời gian để anh post bài cho em tham khảo nha
Em chào anh.
Bộ CODE mà anh hướng dẫn trong entry, khi em đưa vào thử nguyên xi như thế , thì click mũi tên xanh, chọn bài, nhưng rồi nó hiện ra đúng 1 lần ( thí dụ ca khúc "ông xã ...." ), và rồi nó im ru luôn khi em chọn bài khác.....
Kể cả em copy àn paste nguyên xi trở lại rất nhiều lần sau, nhưng vẫn k click ra hình...
Như vậy em k thử được hả anh ?
Nguyên nhân sao vậy anh ? Chỉ giúp em với.
Em tìm được nguyên nhân rồi anh à.
Không cần vào Notepad đâu anh ơi.
Link nhạc youtube ngay trên thanh adress. Copy cho nhanh, và thay thế vào giữa .com với 11 kí tự id ca khúc bằng /embed/ là xong thôi.
- Và khung nhạc của Anh chỉ nên dùng cho youtube, anh nhỉ, vì kèm nhaccuatui hay mp3 thì nó chệch choạc quá.
Vấn đề 11 kí tự ( 1 ca khúc ) hay 16 kí tự ( album ) thì xưa nay em hay làm tắt như thế, vừa nhanh và hữu hiệu .
hehe.
Blog anh tuyệt vời quá.! đấy là 1 kho kiến thức hữu hiệu và vô cùng giá trị cho mọi người khi cần.
Chúc sức khỏe anh nha. :) :)
Em giỏi quá...
Anh phải hướng dẫn như vậy để một số bạn chưa biết cách làm để họ dễ làm hơn thôi mà, cách lấy nhạc của tui cũng vậy đó
Bài này khá hay, để thử làm cai sao đây..
Hy vọng mình sẽ vui
huhu Sáng giờ buồn lắm đó huhu :((
Potay luôn rồi huhu đi ngủ cho xong huhu :((
Bạn bị lỗi chỗ nào, nêu cụ thể đi rồi mình sẽ có hướng giải quyết
Anh Dũng ơi, em thay đổi link hình nền mà sao nó không thấy vậy anh
Muốn thay đổi hình nền thì em thay đổi ở link màu đỏ nha
Em đổi link mà hình nền vẫn không thay đổi anh à
Em phải thay luôn cả 2 link màu đỏ thì mới được, nếu vẫn không được thì do link hình nền của em có vấn đề rồi, kiểm tra lại xem
Đăng nhận xét