hung pro vn

Chèn nhạc vào blogspot đơn giản nhất

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.

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:

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!


Hướng dẫn bình luận

Mọi người để lại bình luận góp ý, nhận xét về những bài viết mà mình chia sẽ văn minh lịch sự hay kích động, Không spam, không chèn link quảng cáo, bán hàng, Không sử dụng từ ngữ thô tục, xúc phạm, kích động, Link chỉ được phép khi thực sự liên quan đến nội dung bài viết, Không mạo danh người khác hoặc sử dụng email giả, Bình luận vi phạm sẽ bị xóa không cần thông báo trước.
Mọi người lưu ý răng, nếu muốn chia sẽ code ở bình luần thì cần mã hóa code trước khi bỏ vào khung nhé. :)
⑴ Chèn ℂ𝕤𝕤 theo mẫu : [pre css] CSS [/pre]
⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu : [pre html] HTML [/pre]
⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu : [pre js] Javascript [/pre]

🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu : [img] Link hình ảnh [/img]
🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu : [youtube] Link Youtube [/youtube]

0 Nhận xét

Top