Senin, 12 September 2011

Edisi Musik Blog - Memasang Lagu Sendiri di Widget blogspot

Akan terasa lebih menyentuh, rasa bangga kalau lagu kesayangan kita tampil pada widget blog kita dan seolah berbagi rasa dengan para pengunjung blog kita.

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 upload lagu Windi -Tanpamu. Setelah diupload akan diperoleh link file mp3 tersebut seperti di bawah ini,


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/829710_2zdsm/windy%20-%20tanpamu.mp3]windy - tanpamu.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="200" height="60" autoplay="yes" repeat="yes">
<param name="url"
value="http://www.filefreak.com/files/829710_2zdsm/windy%20-%20tanpamu.mp3]windy - tanpamu.mp3" />
<param name="src"
value="http://www.filefreak.com/files/829710_2zdsm/windy%20-%20tanpamu.mp3]windy - tanpamu.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/829710_2zdsm/windy%20-%20tanpamu.mp3]windy - tanpamu.mp3"
width="200" height="60" autoplay="yes" repeat="yes">
<param name="src"
value="http://www.filefreak.com/files/829710_2zdsm/windy%20-%20tanpamu.mp3]windy - tanpamu.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/829710_2zdsm/windy%20-%20tanpamu.mp3]windy - tanpamu.mp3 , bisa diganti dengan link lagu yang anda upload.
  3. 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)
update
Karena ada keluhan link atau scriptnyasudah tidak berfungsi ada baiknya kalau menggunakan cara lain. Anda bisa klik link yang lain yang pasti bisa dimanfaatin ke untuk widget musik anda.
Klik saja ini


artikelkomputerku

3 comments:

  1. ga bisa neng scriptnya yang bener email dong ke : ir.herryz@gmail.com ya

    BalasHapus
    Balasan
    1. Terimakasih PaK Herry telah berkunjung.
      Memang banyak script yang telah ditutup atau diganti link oleh situs pembuatnya sehingga saya berikan link untuk mendapatkan yang lebih cocok untuk widget musik.

      Silahkan Klik saja ini

      Hapus
    2. balasan sudah saya kirim ke alamat bapak.

      Hapus