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
Tidak ada komentar:
Posting Komentar