Advertisements
Advertisements
Cara membuat youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari saluran youtube di widget sidebar blog kemudian merubah tampilan video youtube yang keren dan kreatif di dalam postingan blog, maka kali ini saya akan coba untuk menunjukkan cara membuat halaman khusus di blogger yang akan secara otomatis menampilkan video-video yang telah di unggah dari saluran atau channel youtube anda dengan menggunakan jquery YouTube TV yang dikembangkan oleh Jacob Kelley. YouTube TV ini dapat menampilkan video dengan tampilan yang terlihat professional dan keren. Keuntungan dengan membuat halaman khusus video youtube ini akan memudahkan bagi para pengunjung dan pembaca setia blog anda untuk melihat daftar video youtube yang telah anda upload lalu menontonnya langsung di blogspot anda.
Cara Memasang dan Membuat YouTube TV Di Blog :
1) Log in ke blogger anda lalu buat sebuah halaman/page baru dengan mode HTML lalu publikasikan dan salin URL dari halaman tersebut
2) Klik Template lalu lakukan back up kemudian klik Edit Template
3) Cari tag pembuka
4) Cari tag penutup
5) Cari tag pembuka
6) Cari tag penutup
Ganti
Cara merubah URL Profil Yotube
7) Klik Simpan Template
Sekarang coba anda buka halaman atau page yang telah dibuat pada langkah 1 maka halaman tersebut akan menampilkan daftar video dari channel youtube anda dan bisa langsung di tonton. Itulah cara membuat YouTube TV di blogger yang secara otomatis akan menampilkan video yang telah di upload maupun yang akan di upload dan ditampilkan pada halaman bloh YouTube TV Tersebut. Happy Coding!
Kudos : Jacob Kelley YouTube TV
Cara Memasang dan Membuat YouTube TV Di Blog :
1) Log in ke blogger anda lalu buat sebuah halaman/page baru dengan mode HTML lalu publikasikan dan salin URL dari halaman tersebut
2) Klik Template lalu lakukan back up kemudian klik Edit Template
3) Cari tag pembuka
<b:skin><![CDATA[/*
lalu salin dan pastekan css dibawah ini tepat di atasnya<link href='http://jakiestfu.github.io/Youtube-TV/src/ytv.css' rel='stylesheet' type='text/css'/> <link href='http://jakiestfu.github.io/Youtube-TV/demos/assets/demo.css' rel='stylesheet' type='text/css'/>
4) Cari tag penutup
]]></b:skin>
lalu salin dan pastekan jQuery YouTUbe-TV dibawah ini tepat di bawah jQuery utama<script src='http://jakiestfu.github.io/Youtube-TV/src/ytv.js' type='text/javascript'/>
5) Cari tag pembuka
<body>
atau <body
kemudian salin dan pastekan tag kondisional dibawah ini tepat di bawahnya
<b:if cond='data:blog.url != "Masukkan-URL-Halaman-dari-langkah-1-kesini"'>
6) Cari tag penutup
<body>
lalu salin dan pastekan penutup tag kondisional ini tepat di atasnya
<b:else/>
<style type='text/css'>
#ytvbHR{
top:0;
right:0;
bottom:0;
left:0;
z-index:99999;
background: radial-gradient(ellipse at center,#1abc9c 0%,#16a085 75%);
}
</style>
<div id='ytvbHR'>
<div id='frame'/>
<script type='text/javascript'>
window.onload = function(){
window.controller = new YTV('frame', {
user: 'TeachHowTV',
accent: '#FF8C00',
autoplay: false,
controls: true,
fullscreen: true
});
};
</script></div>
</b:if>
Ganti
TeachHowTV
dengan nama channel atau saluran youtube anda. Jika belum mengetahuinya, silahkan baca Cara merubah URL Profil Yotube
7) Klik Simpan Template
Sekarang coba anda buka halaman atau page yang telah dibuat pada langkah 1 maka halaman tersebut akan menampilkan daftar video dari channel youtube anda dan bisa langsung di tonton. Itulah cara membuat YouTube TV di blogger yang secara otomatis akan menampilkan video yang telah di upload maupun yang akan di upload dan ditampilkan pada halaman bloh YouTube TV Tersebut. Happy Coding!
Kudos : Jacob Kelley YouTube TV
Komentar