twitter
rss


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-n-oZRTvcv_zaZlQyEoQFU-K_xiL2HoqYuICVccn_QJAF7HeroX6wFQe3G7ABZMq5Rz_XHG6Gb25QDGiYt32vZxyEqQBGFVtrjI_Gw0ckyhmHl4AvabmzQ4al_91RSpRfT4M8pJv0eyW0/s320/copy+embed+video+b.jpg

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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wsO4Da13E7mu1klWgVqm_9ZCM22Jpe-JKStCtnYxbYRS_53VDdaQBnK31XkxiXjjSKz7yK6mZyIB50G5Pd1qF4H_DcXEjEOrUllvITXwDe1cY9rPuXVEgHQC5I4hbu8bRMOTwY0TW83F/s320/copy+embed+video+2+b.jpg

Pilih widget HTML/Javascript
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxuRZpl9eRl81tkS_NQoaflOQmqmxFNa7ZeSodWaFEZPVvi9tB33VcC9L3Tzk1JMJ_WvRatbf9M5Nrqc47t6i9PxHNcACf4g1y-7WByZIbacROpsl847HfCBlQnIGmZWPyI2vDBR5iwsb/s320/copy+embed+video+3b.jpg

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
Created by MEYCIN PERMATA SARI

1 komentar:

  1. Sangat bermanfaat, sebagai blogger neubie ky saya harus tau tutorial ini keren pokoknya

Posting Komentar