Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image

Cara memasang lagu sendiri menjadi background blog di blogspot

  • Sabtu, 17 Maret 2012
  • Febri Rizki


  • 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

    1 komentar:

    thl w100s mengatakan...

    nice post, thanks for sharing.

    Poskan Komentar