CARA MENAMPILKAN CHANNEL YOUTUBE DI BLOG
Bagi anda yang
mempunyai channel youtube dan ingin menampilkannya di blog anda, saya akan
memberikan tutorial bagaimana cara menampilkan video channel youtube anda
secara acak atau random di blog anda. Untuk contoh tampilannya bisa anda lihat
di blog ini, di bagian sidebar terdapat video yang saya tampilkan dari channel
youtube saya.
Caranya sangat mudah, kita hanya memanfaatkan javascript untuk melakukannya, berikut langkah-langkahnya:
Caranya sangat mudah, kita hanya memanfaatkan javascript untuk melakukannya, berikut langkah-langkahnya:
1.
Buka blogger anda
2.
Klik Tata Letak
3.
Tambahkan gadget
4.
Pilih HTML/Javascript
5.
Copykan script berikut ini
<!doctype html>
<script>
var videos = ["https://www.youtube.com/embed/4gesUzDxZ8", "https://www.youtube.com/embed/w-f1cZKoazI","https://www.youtube.com/embed/jutKc1IJFYQ","https://www.youtube.com/embed/sIlUy9ELzrs"];
window.onload = function () {
var playerDiv = document.getElementById("random_player");
var player = document.createElement("IFRAME");
var randomVideoUrl = videos[Math.floor(Math.random() * videos.length)];
player.setAttribute('width', '100%');
player.setAttribute('height', '200');
player.setAttribute('src', randomVideoUrl);
playerDiv.appendChild(player);
};
</script>
<div id="random_player" />
</div>
</!doctype>
6.
Ganti tulisan warna biru dengan alamat video di channel youtube anda
contoh
:
link
video youtube anda adalah :
https://www.youtube.com/watch?v=sIlUy9ELzrs
maka
anda cukup ambil tulisan yang belakangnya saja, yang berwarna biru, lalu anda
rubah menjadi:
"https://www.youtube.com/embed/sIlUy9ELzrs"
7.
Bila anda ingin menampilkan acak dengan video yang lebih banyak, maka anda tinggal
menambahkannya saja dengan alamat video youtube anda.
8.
Selesai
Semoga
bermanfaat, jangan lupa beri comment pada artikel ini, dan follow blog nya
untuk mengapresiasi penulis. Terimakasih
0 Comments
-Please Provide Your Comments-