Cara Memasang Lagu di Blog
- Administrator
- Tips dan trik, Blogger, Blogger trik, Audio, Mp3, Trik blogger, Trik blogspot, Blogspot
- 1928 Kali Dilihat
- 0 Komentar
Cara Memasang Lagu di Blog
Salah satu widget yang banyak disukai para blogger adalah lagu, karena dimanapun keberadaan sebuah lagu selalu memberikan penghiburan dan suasana yang berbeda. Begitu pula keberadaan sebuah lagu di blog, salah satu fungsinya adalah untuk menciptakan suasana sesuai lagu yang diinginkan dan menemani saat sedang mengelola blog. Meskipun demikian teman-teman para blogger harus sadar dan berhati-hati dalam memasang sebuah lagu didalam blog. Karena melanggar hak cipta dan dapat dikenai pasal. Sudah banyak para blogger yang menadi korban dan dikenai hukum pidana dengan kasus kepemilikan blog download mp3. Oleh karena itu Cara Memasang Lagu di Blog ini tidak di sarankan jika maksud dan tujuanya adalah untuk pembuatan blog download mp3. Cara Memasang Lagu di Blog ini hanya sekedar dimanfaatkan untuk hiburan pribadi saat kita sedang mengelola blog kita. Dan karena itu juga pada artikel Cara Memasang Lagu di Blog ini saya tidak akan memberikan link demo.
Cara Memasang Lagu di Blog Tanpa upload
Dalam setiap pembuatan konten jika kita ingin menyertakan atau menggunakan sebuah file, salah satu proses yang harus dilakukan adalah melakukan upload file itu sendiri. Supaya akhirnya file tersebut dapat dipanggil dan dimanfaatkan sesuai keinginan. Tetapi pada artikel Cara Memasang Lagu di Blog ini kita tidak perlu melakukan proses upload tersebut, mengapa? Karena jika kalian adalah pengguna blogspot, maka kalian tidak akan bisa mengupload file berupa mp3, video, zip, dan file lainya selain file gambar. Untuk pengguna server hosting tentu melakukan upload file adalah hal yang mudah, namun tidak untuk kalian pengguna blogspot. Dan oleh karena itu saya juga akan jelaskan bagaimana mendapatkan link mp3 tanpa upload file mp3 itu sendiri pada artikel selanjutnya. Satu hal yang pasti adalah saya yakin dan berharap bahwa kalian tahu tentang Cara Membuat Blog Gratis. Karena jika kalian tidak memiliki blog bagaimana Cara Memasang Lagu di Blog dapat dilakukan? Setelah kalian memiliki blog, banyak yang kalian bisa lakukan selain memasang lagu, salah satunya adalah Membuat halaman kontak pada blogspot, bahkan Cara Membuat Tulisan Berjalan di Blog Lengkap juga dapat kalian lakukan.
Proses Cara Memasang Lagu di Blog
File mp3 dapat ditampilkan pada sebuah halaman situs dengan menggunakan tag <audio>
dan type bervariasi diantaranya type="audio/mpeg"
, type="audio/ogg"
, dan type="audio/wav"
, sehingga standar penggunaan kodenya adalah seperti berikut:
<audio controls="" src="mp3 url" type="audio/mpeg"></audio>
Untuk menjawab pertanyaan kalian apakah kode script tersebut benar-benar bekerja, silahkan salin script dibawah ini dan tempel pada editor html-css.
<div style="text-align: left;">
<audio controls="" src="https://lagu123.mobi/play/3-menit-deen-as-salaam-sulaiman-al-mughnilirik-dan-arti~lagu123.MOBI~435798939.mp3" type="audio/mpeg"></audio>
</div>
Atribut controls
dimaksudkan untuk menampilkan kontrol pada sebuah audio player diantaranya tombol play, stop, pause, dan volume. Di dalam tag audio kalian bisa menambahkan atribut-atribut lain selain atribut controls, diantaranya adalah:
Atribut hidden
: yang berfungsi untuk menyembunyikan audio, jadi audio mp3 player tidak akan terlihat.
Atribut autoplay
dan autostart
, atribut ini membuat audio mp3 dapat menyala atau berputar otomatis saat halaman diakses. Apakah hanya itu saja? Tidak.... masih ada lagi, yaitu atribut loop
, yang berfungsi agar audio berputar berulang. Dengan menggunakan atribut loop, audio mp3 tidak akan berhenti sebelum halaman ditutup.
Berikut adalah contoh penggunaan atribut-atribut diatas:
<div style="text-align: left;">
<audio controls hidden loop autoplay autostart src="https://lagu123.mobi/play/3-menit-deen-as-salaam-sulaiman-al-mughnilirik-dan-arti~lagu123.MOBI~435798939.mp3" type="audio/mpeg" preload="metadata"></audio>
</div>
Cermati baik-baik dan selamat mencoba, untuk melakukan uji coba silahkan gunakan editor html-css.