Langsung ke konten utama

Memasang Musik dan Lagu di Blog

Blog atau website sangat kaya akan konten. Berbagai macam konten seperti tulisan, gambar, tabel, video, musik, lagu dan konten lainnya merupakan komponen yang tidak dapat dipisahkan dari sebuah blog dan website. Dan satu di antaranya adalah konten berupa musik atau lagu, di mana kita bisa memasang musik dan lagu yang kita suka di blog atau website kita.

Memasang Musik dan Lagu di BlogMusik dan lagu bisa dipasang pada postingan blog atau di widget blog atau di manapun kita suka memasangnya asalkan memasang kode HTML dengan benar pada blog .

 Banyak sekali penyedia musik player yang bertebaran di internet yang dapat kita pasang pada blog kita. Namun kali ini kita akan bahas cara memasang musik dan lagu di blog dengan kode HTML yang sederhana, yaitu cara paling dasar dengan menggunakan kode HTML.

Embed Musik Dengan Kode HTML

Berikut di bawah ini adalah caranya:
  • Masuk ke dalam "Dashboard".
  • Klik "Tata Letak".
  • Lalu klik "Tambah Gadget".
  • Pilih "HTML/JavaScript".
  • Lalu copy/paste kode yang ada di bawah dan "simpan".
  • Ganti value dari "src" yang berwarna hijau yaitu alamat url musiknya.
<embed autoplay='true' height='50' width='100' src="http://media.shax-dag.ru/Music/users/music___130417_7.mp3"></embed>
Ganti URL musik pada attirubute "src" yang berwarna hijau dengan URL lagu yang kita punya. 
Alamat url musik yang tersedia apa adanya dan tidak dirubah, harus berakhiran dengan format file musik, seperti .mp3, .wav, .ogg, dsb. Seperti kode di atas yang berwarna merah.
Browser harus support dengan file musik dan player musik yang dipasang atau sudah terinstal pluggin Quicktime player.
Embed adalah tag HTML yang berfungsi untuk memasang konten eksternal (Dari website/server lain).

Memainkan Musik Autoplay atau Otomatis

Kadang kita ingin musik atau lagu yang ada di blog kita memutar dengan sendirinya atau otomatis bermain ketika blog atau website dikunjungi.
Untuk melakukan hal seperti itu pada tag embed kita hanya tinggal pasang attribute autoplay.
Attribute "autoplay" adalah cara bagaimana lagu atau musik dimainkan.
<embed autoplay='true' height='50' width='100' src='URL MUSIK'>
  • autoplay='true' untuk memainkan musik secara otomatis.
  • autoplay='false' untuk memainkan musik dengan kontrol play.

Mengatur Ukuran dari Player Musik

Ukuran dari Music Player adalah penting. Ukuran default dari music player tidak selalu pas dengan ukuran blog yang ingin kita pasang. Maka dari itu ukuran player dapat kita atur sesuai yang kita inginkan agar music playernya tidak saling bertabrakan dengan konten/elemen lain di blog dan lebih enak dipandang.
Untuk mengaturnya kita hanya menambahkan attribute width dan height pada tag embed.
<embed autoplay='true' height='50' width='100' src='URL MUSIK'>
  • 'height' untuk mengatur tinggi.
  • 'width' untuk mengatur lebar.

Mengambil Url Lagu dari Mp3skull

Masuk ke website Mp3Skull
Kemudian search lagu sesuka hati.
Cari Url Lagu dan Musik
Klik "Download" dan akan keluar tab baru yang akan memainkan lagu.
Download Lagu
Pada bagian url dibrowser cek url lagu yang berakhiran .mp3
Url Lagu dan Musik
Copy dan pastekan pada attribute src.
Semoga berhasil..
Mungkin sekian cara memasang musik dan lagu di blog dengan kode HTML, semoga dapat membantu.
Sumber : DI SINI

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Bootable CD/DVD Windows XP Dari File .iso

Kali ini saya akan sedikit share cara membuat Bootable CD/DVD Windows XP. dari pada beli copy'an CD yang bajakan lebih baik bikin sendiri dengan file original Windows XP sp3 langkah awal pembuatan Bootable CD/DVD Windows XP sobat mesti download dulu file .iso windows XP sp3 original nya. Download: Windows XP sp3 Original.iso berikutnya download software nero untuk pembakaran CD/DVD Download: Nero 6 Ultra Edition Full Edition [Lebih Ringan] Cara Membuat Bootable CD/DVD Windows XP Dari File .iso Dengan Nero 6 Ultra Edition Setelah kedua file di download extract Windows XP di data master, nanti yang akan di burning file windows xp.iso yang berada di file .rar .. Perlengkapan - Komputer / Laptop yang sudah di lengkapi CDroom atau DVDroom Cara Burning 1. Install Nero 6 Ultra Edition 2. Masukan CD/DVD Blank [Yang masih kosong] 3. Jalankan program tersebut, pilih menu Nero Express 4. Kemudian pilih Disc Image or Saved Project 5. Browser dan cari file ....
1 komentar
Baca selengkapnya

Tutorial PHP dan MySQL: Membuat Aplikasi CRUD [Studi Kasus Pendaftaran Siswa Baru]

PHP sering dijodohkan dengan MySQL untuk membangun aplikasi web. MySQL berperan sebagai tempat menyimpan data (basis data) sedangkan PHP adalah program yang mengelola data tersebut. Sebenarnya PHP tidak hanya bisa dijodohkan dengan MySQL saja. PHP juga bisa dijodohkan dengan SQLite, PostgreSQL, MongoDB, Ms. Access, dsb. Pada kesempatan ini, kita akan belajar menggunakan PHP dan MySQL untuk membuat aplikasi sederhana. Bagaimana PHP dan MySQL dihubungkan? PHP dan MySQL dapat saling berhubungan melalui perantara API (Application Programming Interface) . Ada tiga jenis API MySQL yang disediakan di PHP: mysql  API ini sudah tidak didukung/dikembangkan lagi (kadalwarsa). mysqli   (mysql improvement)  peningkatan dari API  mysql PDO  (PHP Data Object) API yang pertama sudah tidak didukung lagi sejak PHP versi 5.5.x dan digantikan dengan  mysqli  yang lebih canggih. Karena mysqli  dapat digunakan secara  OOP  dan prosedural. ...
Posting Komentar
Baca selengkapnya

Penggunaan 'Shared-Users' di Userman

Mungkin ada diantara kita yang menemukan sebuah permasalahan ketika ingin menggunakan satu akun untuk login lebih dari satu user menggunakan usermanager, maka akan muncul error "no more sessions are allowed for user" . Hal ini terjadi ketika ada satu client yang sudah login menggunakan user akun tersebut dan ada client lain yang akan login menggunakan user akun yang sama. Padahal pada konfigurasi 'Shared-Users' di UserMan sudah disetting unlimited . Dari systemnya sendiri untuk parameter 'Shared-Users' pada UserMan tidak berdiri sendiri. Konfigurasinya masih mengacu pada parameter 'Shared-Users' di User-Profile yang ada di fitur Hotspot. Sehingga untuk dapat mempergunakan sesuai dengan parameternya kita juga harus melakukan konfigurasi di kedua sisi, baik UserMan maupun hotspot. Contoh Kasus Untuk lebih mudah melihat bagaimana konfigurasinya kita akan membuat sebuah contoh kasus. Katakanlah pada sebuah sekolah akan dibagi 2 koneksi wirel...
Posting Komentar
Baca selengkapnya