Cara menambah lagu di blog (memasang lagu di blog)

Awalnya saya tidak tertarik membuat postingan ini,karena menurut saya tidak efektif jika memasang lagu di blog dan jauh lebih baik memutar winamp di komputer sambil buat blog daripada memutar lagu secara online. tetapi karena ada beberapa teman yang menanyakan cara memasang lagu ke blog, akhirnya saya buat juga postingan tentang cara tambah lagu menjadi background di blog blogspot.

Tetapi sebagai pertimbangan buat teman-teman sebelum menambah lagu ke blog:
1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman lebih lambat
2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda untuk optimasi seo maka jangan tambah atau pasang lagu di blog anda.

Buat yang tertarik pasang lagu di blog bisa lakukan prosedur berikut:
1. Buka situs layanan mp3 online
2. Copy kode html yang tersedia


3. Logn ke account blogger anda
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget


4. Pilih html/java script


5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks html/javascript
Klik Simpan

6. Buka blog anda, jika sukses maka akan muncul widget mp3 player di blog anda. Untuk memulai lagu anda bisa tekan tombol play seperti di winamp. Untuk menyembunyikan playlist tekan tombol PL.




Untuk membuat lagu sendiri menjadi background blog dimana lagu tersebut akan bunyi secara oomatis saat membuka halaman blog di blogspot bisa lihat panduannya disiniCara memasang lagu sendiri menjadi background blog

Beberapa postingan lain terkait cara membuat blog di blogspot bisa dilihat disinipanduan membuat blog

Cara memasang lagu sendiri menjadi background blog di blogspot

Terkadang kita ingin menambah lagu menjadi backgound blog agar blog lebih terkesan menghibur, ada beberapa cara yang bisa kita lakukan untuk memasang lagu di blog yaitu dengan menggunakan layanan embed code lagu yang sudah tersedia oleh layanan lagu online dan yang kedua adalah memasang lagu sendiri.
Untuk memasang lagu sendiri jika menggunakan blogspot maka yang harus dilakukan adalah upload file ke website audio hosting gratis.kemudian memasukkan link file lagu tersebut ke dalam template atau gadget html.

Prosedur lengkapnya seperti di bawah ini:



1. Yang pertama kita lakukan adalah upload ke website audio hosting, disini saya gunakan filefreak, beberapa website audio hosting bisa dilihat disini free music hosting
Jika situs hosting mengijinkan file audio format midi, sebaiknya file yang diupload dalam bentuk midi agar lebih ringan loadingnya saat melakukan streaming.
Untuk mengubah file mp3, wav atau audio lainnya ke bentuk midi bisa gunakan sofware gratis berikut audio converter

2. Dalam contoh ini saya menggunakan filefreak. Buka situs free audio hosting bisa klik disni audio hosting
Daftar menjadi member, klik Sign up
Setelah menjadi member klik upload file untuk upload file mp3
Dalam contoh ini saya menggunakan file mp3 (karena hosting audio yang saya gunakan hanya mengijinkan mp3) Setelah diupload akan diperoleh link file mp3 tersebut seperti di bawah ini (klik fernando.mp3)

Direct Linknya akan tampil seperti pada gambar berikut ini
Klik kanan pada Direct , di popupmenu pilih Copy Link Location

Paste link tersebut di blog (ke dalam source code widget lagu)
perhatikan file yang akan digunakan akan berakhiran  mp3, atau file audio lainnya
Contoh:
http://www.filefreak.com/files/798900_qmg7m/01%20-%20FERNANDOa.mp3
atau
http://www.filefreak.com/files/803389_ddcci/FERNANDOb.mp3

2.Selanjutnya login ke dashboard blogger
Pilih Tata Lerak , Elemen Halaman , Tambah Gadget

Masukkan script berikut ke dalam gadget html/javascript

<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
id="player" width="270" height="60">
<param name="url"
value="http://www.filefreak.com/files/803389_ddcci/FERNANDOb.mp3" />
<param name="src"
value="http://www.filefreak.com/files/803389_ddcci/FERNANDOb.mp3" />
<param name="showcontrols" value="true" />
<param name="autostart" value="true" />
<!--[if !IE]>-->
<object type="video/x-ms-wmv"
data="http://www.filefreak.com/files/803389_ddcci/FERNANDOb.mp3"
width="270" height="60">
<param name="src"
value="http://www.filefreak.com/files/803389_ddcci/FERNANDOb.mp3" />
<param name="autostart" value="true" />
<param name="controller" value="true" />
</object>
<!--<![endif]-->
</object>

catatan:
1. Nilai 270 dan 60 pada width="270" height="60", bisa dubah sesuai lebar dan tinggi player yang diinginkan, sesuaikan dengan lebar sidebar blog
2. http://www.filefreak.com/files/798900_qmg7m/01%20-%20FERNANDOa.mp3 , bisa diganti dengan link lagu yang anda upload.
3. File midi bisa juga dicari di direktori Windows : C:\Windows\Media
Script di atas baru saya coba pada IE (Internet explorer), Firefox, dan Google Chrome, dan bisa berjalan dengan baik. Untuk browser opera dan safari belum saya uji coba.
4. Sebaiknya file mp3 anda upload sendiri, karena jika pemakaian secara bersama (share) maka akan cepat menghabiskan quota bandwith (maksimum bandwith per user filefreak 256 MB/bulan)