Hướng dẫn chèn nhạc nền cho blog

Hướng dẫn chèn nhạc nền cho blog

Chào các bạn, hôm nay mình xin chia sẻ một thủ thuật chèn nhạc nền khá đơn giản mà ít người dùng sử dụng nhạc tại   SoundClound   . Với SoundClound  khi bạn mở nhiều tab thì nó chỉ phát nhạc ở tab gần nhất khác với Zingmp3 và nhaccuatui vì vậy mình khuyến khích các bạn nên dùng. Chỉ cần vài bước đơn giản bạn có thể có nhạc nền theo ý muốn cho blog ỏ trang web của mình.

Đầu tiên, ta truy cập vào SoundClound, sau đó tìm bài hát bạn muốn đặt làm nhạc nền. Khi đã tìm được bạn nhấn vào nút share...



Bây giờ 1 cửa số mới hiện lên, nhấn sang tab Embed



Sau đó kéo xuống dưới, click vào more options  và nhấn vào Automatic play 



Kéo lên xíu,  trong phần Core & preview  


ta copy đoạn code trên (Mã Iframe) vào div dưới này ...
<div style="display:none">Mã Iframe</div> Cho div vào cuối của thẻ body ( tức là trên thẻ </body> ) lưu lại và xem thành quả của mình.
Lưu ý: Nhạc không thể dừng nếu muốn dừng các bạn cho nó ra thành 1 layout, ta thực hiện như sau, ta tiến hành thêm tiện ích => nhấn HTML/Javascript ...






copy phần code ta lấy như trên vào phần nội dung rồi ấn lưu,...



 như vậy ta đã có thêm một layout nhạc nền ...


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

Duy Nguyễn

16 nhận xét:

  1. Bài viết rất hay. Cảm ơn bạn.

    Trả lờiXóa
  2. bạn ơi mình muốn chèn nhiều bài hát thì làm như thế nào vậy?
    Cảm ơn bạn nhé

    Trả lờiXóa
    Trả lời
    1. Chào bạn, nó chỉ direct tới 1 link duy nhất thôi, không thể chèn nhiều bài hát được.

      Xóa
  3. bạn ơi sao nó chỉ phát 1 lần

    Trả lờiXóa
    Trả lời
    1. bạn muốn nó lặp thì phải cho bài nhạc lặp là được

      Xóa
  4. Bạn ơi, mình làm y như bạn nói ý, nhưng sao bài hát nó không tự chạy ? Mình dùng blogspot nhé

    Trả lờiXóa
  5. https://azseo.vn/bao-gia-thiet-ke-web-chuyen-nghiep-tai-hcm/
    dich vu quang cao seo

    Trả lờiXóa
  6. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  7. bạn ơi nếu mk muốn chèn nhiều cái thì phải làm s

    Trả lờiXóa
  8. bảo hiểm Dai-ichi Nhật Bản

    https://baohiemnhanthodaiichi.com.vn/bao-hiem-daiichi-nhat-ban/

    Trả lờiXóa
  9. bảo hiểm chăm sóc sức khỏe Dai-ichi

    https://baohiemnhanthodaiichi.com.vn/bao-hiem-cham-soc-suc-khoe-daiichi/

    Trả lờiXóa
  10. bảo hiểm cho gia đình Dai-ichi
    https://baohiemnhanthodaiichi.com.vn/bao-hiem-cho-gia-dinh-dai-ichi-ban-nen-lua-chon/

    Trả lờiXóa

Instagram