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

Memasang musik di blog menjadi lagu background blog (autoplay youtube script)

  • Jumat, 16 Maret 2012
  • Febri Rizki
  • Dengan menggunakan script youtube maka kita dapat menjadikan lagu yang telah diupload di youtube dipasang di blog menjadi musik background blog. Setiap blog /halaman blog dibuka oleh pengunjug maka secara otomatis lagu tersebut akan diputar oleh player media player. Jika dalam postingan sebelumnya pernah saya publish tentang lagu background blog (memanfaatkan hosting lagu gratisan , namun terkendala dengan bandwith yang sifatnya terbatas untuk free member. Kali ini akan coba saya bahas tentang video /lagu mp3 youtube yang akan dijadikan musik latar pengiring loading blog. keuntungan menggunakan youtube adalah tidak ada batasan pemakaian bandwith (unlimited bandwith).

    Secara default lagu yang ada di youtube, jika di embed di blog maka  lagu/video youtube tersebut akan tampil  namun tidak autoplay. Dengan sedikit merubah embed script youtube tersebut maka video/lagu akan autoplay (berjalan otomatis saat blog dibuka oleh pengunjung). Buat teman-teman yang masih pemula jika ingin mencoba silahkan ikut prosedur berikut :

    1. Saya anggap anda sudah upload lagu/video di youtube , jika belum punya lagu di situs youtube bisa gunakan lagu yang orang lain unggah di youtube, atau anda unggah sendiri , jika belum tahu cara menggunggah video/lagu di youtube bisa lihat panduannya disini unggah video youtube
    2. Buka video/lagu youtube , dalam contoh ini saya menggunakan video youtube berikut windows movie maker
    3. Klik tombol play untuk memnonton video, selanjutnya klik kanan di player youtube area
    Pilih Copy embed html




    Paste source code video youtube tersebut di notepad atau wordpad
    Contoh scriptnya seperti di bawah ini




    <object style="height: 290px; width: 240px"><param name="movie" value="http://www.youtube.com/v/JwWpjHrn5hc?version=3&feature=player_detailpage" /><param name="allowFullScreen" value="false" /><param name="allowScriptAccess" value="always" /><embed src="http://www.youtube.com/v/JwWpjHrn5hc?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" width="240" height="260"></embed></object>




    Tambahkan kode &autoplay=1 di akhir url video dan url player.
    Script code hasil modifikasi agar video berjalan otomatis saat loading blog  bisa dilihat di bawah ini :


    <object style="height: 290px; width: 240px"><param name="movie" value="http://www.youtube.com/v/JwWpjHrn5hc?version=3&feature=player_detailpage &autoplay=1" /><param name="allowFullScreen" value="false" /><param name="allowScriptAccess" value="always" /><embed src="http://www.youtube.com/v/JwWpjHrn5hc?version=3&feature=player_detailpage &autoplay=1" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" width="240" height="260"></embed></object>




    Catatan
    Untuk mengubah ukuran lebar dan tinggi player youtube agar sesuai dengan ukuran sidebar blog, ubah angka 240 dan 290


    Login ke Dashboard Blogspot
    Di bagian Design pilih Add a Gadget


    Pilih widget HTML/Javascript


    Masukkan kode youtube hasil modifikasi ke dalam gadget html/javascript
    Contoh blog yang telah terpasang musik bisa dilihat disini autoplay music


    Jika hanya ingin memasang musik tanpa video , bisa gunakan widget player musik live streaming , panduannya bisa dilihat disini widget musik untuk blog

    0 komentar:

    Poskan Komentar