Kamis, 14 Februari 2013

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


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 berikutwindows 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

Tidak ada komentar:

Posting Komentar