Cách chèn nhạc vào blogspot đơn giản nhất

23 tháng 10
Tutorial
Mục lục

Hiện tại, trên google có rất nhiều bài viết chỉ cách chèn nhạc vào blogspot nhưng đa số là các bài đã cũ và code thì không chạy được cho nên hôm nay viết bài chỉ này hướng dẫn mọi người chèn nhạc vào blogspot một cách đơn giản mới nhất.

Cách chèn nhạc vào blogspot đơn giản nhất
Hướng dẫn chèn nhạc blogspot.

Trong bài viết này mình sẽ hướng dẫn cụ thể các bạn từ việc cách lấy link nhạc mp3 và source code chèn nhạc vào Blog một cách dễ dàng nhất.

Cách lấy link nhạc mp3

Có rất nhiều trang để các bạn up nhạc lên và lấy link Mp3 nhưng thời thế thay đổi rồi, đa số các site úp lấy link mp3 đều ngừng hổ trợ. Và cách tốt nhất bây giờ là úp nhạc lên archive.org để lấy link mp3 là tối ưu nhất rồi.

Thì đầu tiên các bạn vào trang Archive đăng nhập tài khoản các kiểu thì dễ rồi mà đúng không, sau đó úp cái file nhạc của bạn lên (cái này cũng dễ). Úp xong thì nó sẽ ra giao diện như sau:

Cách úp file lên Archive để lấy link mp3
Cách úp file lên Archive để lấy link mp3.

Tới đây thì để lấy link các bạn click vào cái phần mình khoanh đỏ. Tùy theo định dạng file nhạc mp3 của bạn mà nó có cái tên cụ thể ngay đó. Click vào đó thì sẽ lấy được link mp3 có dạng như sau:

https://ia800603.us.archive.org/25/items/gia-ngay-dau-dung-noi-thuong-nhau-isaac/Gia-Ngay-Dau-Dung-Noi-Thuong-Nhau-Isaac.m4a

Đem link nhạc này bỏ vào phần code mà mình hướng dẫn tiếp phía dưới đây.

Cách chèn nhạc vào blogspot đơn giản nhất

Để chèn nhạc vào blogpot các bạn sử dụng đoạn code sau đây:

<audio id="music" autoplay controls> <source src="https://ia800603.us.archive.org/25/items/gia-ngay-dau-dung-noi-thuong-nhau-isaac/Gia-Ngay-Dau-Dung-Noi-Thuong-Nhau-Isaac.m4a" type="audio/mp3"/> </audio> <script> document.addEventListener('click', function () { const audio = document.getElementById('music'); audio.muted = false; audio.play(); }, { once: true }); </script>

Các bạn thay link mà mình đã làm ở phần 1 vào link tô đỏ trong đoạn code trên. Chèn đoạn code trên vào nơi bạn muốn hiển thị trình phát nhạc là ok rồi.

Giải thích thêm: Đoạn js thêm là để khi có người tương tác trên bài viết của bạn (kiểu như nhấp chuột 1 cái) là nó sẽ tự động autoplay nhạc!

Và kết quả


Các bạn có thể tùy biến thêm cho trình phát nhạc thêm bắt mắt như Chèn nhạc vào Blogger có nút bật tắt đây chẳng hạn. Chúc các bạn thành công!

0.0/5
0 đánh giá
Đánh giá của bạn:
Cảm ơn bạn đã đánh giá!
Chia sẻ:
Đã sao chép link!

Bài viết liên quan

Nhận xét (5)

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

👉 Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
👉 Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
👉 Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu ✅
Hiển thị
  1. Ngày xưa chỉ mong muốn có 1 web ca nhạc giống kiểu zing mp3 😂

    Trả lờiXóa
    Trả lời
    1. đây nè fen, trông có hài không haha
      https://www.anhtrainang.com/2024/08/share-code-tao-trinh-nghe-nhac-mp3-don-gian-cho-blogspot.html

      Xóa
  2. Cho mình xin đặt 1 liên kết với nhé. Blog mình làm về Food, blog mình đã lâu rồi, trước kia xài wp nhưng nay mình phát triển lại bằng Blogger. Rất mong được lk với bạn.
    https://www.foodvn.net/
    Các bạn có thể ghi tên FOODVN hoặc Food Việt Nam cũng được nhé, mình cảm ơn!

    Trả lờiXóa

Đăng nhận xét