Sabtu, 24 September 2011


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)

Contohnya bisa dilihat disini Clothes for woman and man

Tidak ada komentar:

Posting Komentar