Tạo playlist nghe nhạc trên đầu blog
Hôm nay, Cuộc sống muôn màu xin hướng dẫn một tiện ích khá đơn giản của bên thứ 3 hỗ trợ cho blogspot, website, giúp bạn dễ dàng thêm trình nghe nhạc vào blog của mình.

Ưu điểm:  Gọn nhẹ, nhiều skin đẹp, có chức năng auto play và nhảy bài ngẫu nhiên cũng như chế độ lặp lại, có thể tùy ý hiện/ ẩn danh sách bài hát, thanh nghe nhạc sẽ nằm phía trên cùng của blog giúp người dùng dễ dàng điều khiển.

Trước tiên ta xem qua diện mạo của em nó khi thêm vào blog


Bạn có thể thấy thanh nghe nhạc nằm trên cùng của blog với đầy đủ chức năng của một trình nghe nhạc như: Play, pause, next, previous, volume....

Tạo playlist nghe nhạc trên đầu blog
Giao diện trình phát nhạc

Dễ dàng tăng giảm âm lượng hay ẩn/ hiện playlist

Tạo playlist nghe nhạc trên đầu blog

Cách đưa trình nghe nhạc vào blog


Bước 1: Truy cập tại địa chỉ http://scmplayer.net/

Kéo xuống phía dưới các bạn sẽ thấy giao diện thiết lập như trong hình, không thể đơn giản hơn :D

Tạo playlist nghe nhạc trên đầu blog

Chọn skin ưng ý và chuyển qua tab "Edit Playlist"

Bước 2: Thêm danh sách bài hát

Chọn "Manual Playlist" như trong hình và lần lượt thêm các bài hát.

Tạo playlist nghe nhạc trên đầu blog

Lưu ý: Để trình nghe nhạc nhận được link.
- Đối với Youtube, các bạn thêm link bình thường, ví dụ:
http://www.youtube.com/watch?v=P_Rs9AqWP2I

- Đối với link nhạc là mp3 (mp3.zing.vn, nhaccuatui.com,keeng.vn,...), các bạn lấy link như sau:
Sử dụng trình download IDM hoặc tương tự, download bài hát cần lấy link

Tạo playlist nghe nhạc trên đầu blog
Link lấy được sẽ có dạng: http:xxxx.mp3

Ví dụ:
http://a.nixcdn.com/33a89a3a53ff6bc0edee6cdb7dc42bf9/52c760a1/NhacCuaTui846/EmCuaNgayHomQua-SonTungMTP-2882720.mp3

Bước 3: Thiết lập cho trình nghe nhạc

Tạo playlist nghe nhạc trên đầu blog

  • Auto play: Tự động phát nhạc khi load blog.
  • Shufle Playback: Chế độ phát nhạc ngẫu nhiên.
  • Repeat Mode: Lặp lại bài hát/ danh sách bài hát
  • Placement of Player Bar: Vị trí hiển thị thanh nghe nhạc (Top/bot).
  • Show playlist by Default: Mặc địch ẩn/ hiển danh sách nghe nhạc.
Bước 4: Chèn thanh nghe nhạc vào blogspot

Sau khi hoàn thành 3 bước trên, chọn Done ta sẽ được một đoạn scripts. 
- Copy toàn bộ đoạn mã có được.
- Vào trang quản trị blog, "Mẫu"/ "Chỉnh sửa HTML"
- Dán đoạn code nhận được vào sau thẻ  </body>

Have fun :-)
Share on Google Plus

Tác giả: Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

30 nhận xét :

  1. Cám ơn bạn chia sẻ nhé. Mình thử với blog của mình xem sao. :)

    ReplyDelete
  2. A ơi,sao bé chèn đoạn code vào nó cứ báo lỗi nhỉ?

    ReplyDelete
    Replies
    1. Bạn bị lỗi chỗ nào, có thể add yahoo mình dùng teamview chỉnh cho dễ nhé :)

      Delete
  3. Lấy link cách này có khi nào bị Die link mp3 ko bạn mình thử rồi nhưng xài thời gian 2 3 ngày nó die link :-?

    ReplyDelete
    Replies
    1. Cũng chưa test thử, dùng link trực tiếp của Youtube cho nó ổn cậu ạ :D

      Delete
  4. Uhm` đúng rồi bạn link YTB ổn định nếu link mp3 thì phải có host riêng mới được link =))

    ReplyDelete
    Replies
    1. Hóa ra link trực tiếp trên các trang mp3 link bị thay đổi à, h mới biết, hehe

      Delete
  5. ai helpp mình với chèn code sau body hk bik hihi

    ReplyDelete
    Replies
    1. Bạn làm theo hướng dẫn là được à, nếu vẫn k đc thì add yahoo mình the_man_time_91 nhé

      Delete
  6. hi a, e cũng làm hoài mà sao ko được , a xem dumg blog e dc ko ?

    ReplyDelete
    Replies
    1. Bạn add yahoo mình the_man_time_91 hoặc set admin blog vào mail dangviethoang91@gmail.com nhé

      Delete
  7. mình làm được rồi. Cảm ơn bạn nhìu nha

    ReplyDelete
  8. Vai chen code vao no chuyen den trang quang cao la sao

    ReplyDelete
  9. sao mình tìm cái thẻ body hok có bạn nhỉ

    ReplyDelete
  10. Công ty Mai Phương Huy cung cấp dịch vụ ban may photocopy - cho thue may photocopy giá rẻ nhất đảm bảo chất lượng . Xin liên hệ chúng tôi để có giá cả hợp lý nhất.
    Mai Phương Huy Chân thành cám ơn người mua hàng!

    ReplyDelete
  11. mình lấy lin IDM về thấy nghe đc lúc đầu hôm sau die 70% còn vài bài. mỗi lần nghe mỗi lần sửa mệt

    ReplyDelete
  12. mình lấy lin IDM về thấy nghe đc lúc đầu hôm sau die 70% còn vài bài. mỗi lần nghe mỗi lần sửa mệt

    ReplyDelete
  13. bạn ơi mình ko tìm đc thẻ body bạn giúp mình đc ko

    ReplyDelete
  14. Anh Hoàng chỉ giúp em cái này với ạ. Em xin được cái temp trên mạng để làm website. Nhưng giờ em muốn chèn cái Banner TOP để thông liên hệ nhưng không biết code chèn sao. Anh Hoàng chỉ em vs ạ. Thanks Anh. Cái Web của em nó có chừa khoảng trống phía sau tên công ty đó anh: www.maylocnuocallfyll.com

    ReplyDelete
  15. Cám ơn những thông tin bạn đã chia sẻ, thông tin rât hữu ích, rất nhiều bài hát mình thích.

    Mời bạn và mọi người xem thêm thông tin về quán karaoke đẹp của hệ thống icool nhé

    ReplyDelete