Cách thêm nhạc nền hoặc âm thanh vào blog Blogger của bạn

Chúng tôi đã đăng một bài viết về việc nhúng âm thanh SoundCloud vào Blogger và sau khi đọc, vài người đã hỏi chúng tôi về việc thêm nhạc nền vào blog của họ mà không hiển thị bất kỳ điều khiển trình phát nào cho khách truy cập của họ. Bạn có thể đã nhận thấy trong một số blog rằng một khi bạn rơi vào nó một số âm nhạc đột nhiên bắt đầu chơi. Nó có thể dễ chịu hoặc khó chịu; bất cứ điều gì họ thêm nó để thu hút sự chú ý của khách truy cập của họ. Bạn muốn thêm nhạc cụ hay vào nền blog của mình như thế nào? Thật đơn giản, ở đây chúng ta sẽ thấy cách thêm nhạc nền hoặc âm thanh vào blog Blogger.

Có rất nhiều cách để thêm nhạc nền vào blog của bạn nhưng ở đây chúng tôi sẽ cho bạn thấy một cách dễ dàng. Bằng cách sử dụng thẻ <audio>, bạn có thể nhúng trình phát nhạc bằng các nút điều khiển hiển thị; tạo âm thanh để phát cùng một lúc khi trang web tải và thêm nhạc nền phát liên tục với các nút điều khiển bị ẩn. Được rồi, chúng ta hãy xem làm thế nào để làm điều này.

Cách thêm nhạc nền hoặc âm thanh vào blog Blogger

Đầu tiên trước khi thêm nhạc nền vào blog của bạn, bạn phải có một tệp nhạc để gọi. Chỉ cần trong Google, tìm kiếm bản nhạc miễn phí bản quyền và bạn sẽ thấy nhiều trang web cung cấp tải nhạc miễn phí. Chọn bất kỳ nhạc nền phù hợp cho blog của bạn hoặc nếu bạn đã có một, sau đó chỉ cần tải nó lên bất kỳ trang web lưu trữ trực tuyến có hàng trăm máy chủ lưu trữ tập tin miễn phí tốt nhất . Hy vọng tệp nhạc của bạn đã sẵn sàng; bây giờ chuyển sang phần Blogger.

Xem thêm: Phần nhạc miễn phí và phần mềm ký hiệu âm nhạc

Đăng nhập vào blog Blogger của bạn và sau đó chọn blog nơi bạn muốn thêm nhạc nền của mình. Tiếp theo đi đến Bố cục, chọn “thêm tiện ích”, chọn tiện ích HTML / JavaScript và sau đó thêm dòng dưới đây.

1	<audio autoplay loop>

2	<source src="http://yourmp3-file-location.mp3"></source>

3

</audio>

Bây giờ trong nguồn src = ”” thêm vị trí tập tin âm nhạc của bạn, lưu các tiện ích và sau đó xem blog của bạn, nơi bạn có thể nghe thấy âm nhạc chơi, nhưng các điều khiển được ẩn. Trong đoạn mã trên “ autoplay ” bắt đầu phát âm thanh ngay sau khi nó sẵn sàng và “ loop ” sẽ làm cho âm thanh lặp lại mỗi khi nó được hoàn thành.

Nếu bạn muốn hiển thị các điều khiển âm thanh cho khách truy cập của mình thì chỉ cần thêm các điều khiển bên trong thẻ âm thanh giống như thế này.

1	<audio controls autoplay loop>

2	<source src="…"></source>

3

</audio>

Trình phát âm thanh trông giống như ..

Nếu bạn muốn thêm một trình phát nhạc hoặc phát nhạc để chỉ phát một bài hoặc một trang, thì bạn chỉ có thể thêm nhạc đó vào trang cụ thể đó. Điều khiển trình phát âm thanh không phù hợp với thanh bên blog của bạn, giả sử bạn muốn tăng chiều rộng của trình phát. Để làm như vậy, thêm một id bên trong thẻ như thế này <audio id = ”player” điều khiển vòng lặp autoplay> sau đó thêm một CSS như thế này

1

#player {

2	width: 100%;

3

}​

Đó là nó! Hy vọng rằng đã giúp bạn thêm nhạc nền vào blog của bạn.

SHARE THIS