Tin mới đăng:

Tạo list video, nhạc dạng ẩn/hiện cho Blog

Với cách này bạn tạo được một list nhạc dạng ẩn/hiện cho blogspot nhìn rất khoa học và đẹp mắt. Cách này được rất nhiều trang sử dụng để tăng tính thẩm mĩ cho blog. Đặc biệt không làm ảnh hưởng nhiều lắm tới tốc độ load của trang web do vậy được rất nhiều người sử dụng. Bạn có thể xem Demo ngay trên trang Blog này.
Hình ảnh minh họa
☼ Cách tiến hành:
1- Đăng nhập (login) vào Blog
2- Vào Bố cục (Layout)
3- Chọn Thêm tiện ích (Add Widget) => Chọn HTML/Javarscipt và dán đoạn code bên dưới vào.
<div id='ytplay'/>
<ul class='ytlist'>
<li class='currentvideo'><a class='yt-vid' href='http://www.youtube.com/watch?v=Ac7UPP1yTVs'>Cháu Minh Khuê Trường 8-3</a></li>
<li><a class='yt-vid' href='http://www.youtube.com/watch?v=3E_uo6-RRY4'>Con heo đất</a></li>
<li><a class='yt-vid' href='http://www.youtube.com/watch?v=HKJBgb_PraM'>Cánh én tuổi thơ</a></li>
<li><a class='yt-vid' href='http://www.youtube.com/watch?v=BYgm9x1tmUU'>Bố là tất cả</a></li>
<li><a class='yt-vid' href='http://www.youtube.com/watch?v=MWdAgHqatTg'>Xúc xắc xúc xẻ</a></li>
<li><a class='yt-vid' href='http://www.youtube.com/watch?v=gklWd99-CzA'>Đi học</a></li>
</ul></div>

»  Thêm đoạn code Js vào bên dưới:

<script type="text/javascript" src="http://buixuandoanh.com.vn/nhac/player-beta.js"></script></div>
Trong đó:
- Bạn thay link màu đỏ thành link bài hát của bạn trên youtube
- Thay phần chữ màu xanh tương ứng thành tên của bài hát
- Để thêm 1 video bạn chỉ cần thêm đoạn code sau trong cặp thẻ:

<li><a class='yt-vid' href='http://Link file video trên youtube>Tên bài hát</a></li>
                                 Chúc bạn thành công.
Tạo list video, nhạc dạng ẩn/hiện cho Blog Tạo list video, nhạc dạng ẩn/hiện cho Blog
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


1 bình luận | Viết bình luận

Administrators
04:52 21 tháng 1, 2016
chào anh có thể giúp mình hoàn thiện code này link nhạc từ
dropbox

hiện tại thì mình thử code này trện blog của mình vẫn chưa dc mong được hỗ trợ

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật