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.
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 mình sẽ hướng dẫn các bạn up nhạc lấy link mp3 ở một nơi dễ nhất và thuận tiện nhất là Google Drive.
Đầu tiên: là up nhạc lên Google Drive (cái này thì chắc ai cũng biết rồi, nếu mà không biết nữa thì mình dừng tại đây được rồi, đừng làm nữa, chia tay bớt đau khổ)
Bước 2: Click vào file nhạc vừa up lên và nhấp chuột phải chọn Nhận đường liên kết.
Nhận đường liên kết |
Tiếp đến chọn Sao chép đường liên kết.
Sao chép đường liên kết |
Sau đó các bạn dán đường liên kết mà mình vừa sao chép ra một trình duyệt mới, và các bạn chú ý dòng mà mình bôi xanh như ảnh dưới đây:
Chú ý dòng bôi xanh |
Các bạn sử dụng link sau đây:
http://docs.google.com/uc?export=open&id=1qH0YaTopppxnA3FqeEj92-84sW_13sdk
Các bạn thay cái dòng bôi xanh vào link trên là các bạn đã có 1 link chuẩn mp3 để chèn vào source nhạc Blogger rồi.
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 controls="" preload="none" style="width: 100%;" title="Audio: Nhạc Xuân">
<source src="http://docs.google.com/uc?export=open&id=1qH0YaTopppxnA3FqeEj92-84sW_13sdk" type="audio/mp3"></source>
Trình duyệt của bạn không hỗ trợ thẻ audio, vui lòng cập nhật lên phiên bản mới nhất hoặc đổi trình duyệt.
</audio>
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.
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!