Cara Bikin Youtube Tv Di Blogger

Cara bikin youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari akses youtube di widget sidebar blog lalu merubah performa video youtube yang keren dan inovatif di dalam postingan blog, maka kali ini saya akan coba untuk menyampaikan cara bikin halaman khusus di blogger yang hendak secara otomatis memperlihatkan video-video yang sudah di unggah dari akses atau channel youtube anda dengan memakai jquery YouTube TV yang dikembangkan oleh Jacob Kelley. YouTube TV ini sanggup memperlihatkan video dengan performa yang terlihat professional dan keren. Keuntungan dengan bikin halaman khusus video youtube ini akan membuat lebih mudah bagi para hadirin dan pembaca setia blog anda untuk menyaksikan daftar video youtube yang sudah anda upload lalu menontonnya langsung di blogspot anda.

yang keren dan inovatif di dalam postingan blog Cara Menciptakan Youtube Tv Di Blogger

Lihat Demo

Cara Memasang dan Membuat YouTube TV Di Blog :
1) Log in ke blogger anda lalu buat suatu halaman/page baru dengan mode HTML lalu publikasikan dan salin URL dari halaman tersebut

2) Klik Template lalu laksanakan back up lalu 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 lalu salin dan pastekan tag kondisional dibawah ini tepat di bawahnya

 <b:if cond='data:blog.url != &quot;Masukkan-URL-Halaman-dari-langkah-1-kesini&quot;'>

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 akses youtube anda. Jika belum mengetahuinya, silahkan baca
Cara mengganti URL Profil Yotube

7) Klik Simpan Template

Sekarang coba anda buka halaman atau page yang sudah dibikin pada langkah 1 maka halaman tersebut akan memperlihatkan daftar video dari channel youtube anda dan sanggup langsung di tonton. Itulah cara bikin YouTube TV di blogger yang secara otomatis akan memperlihatkan video yang sudah di upload maupun yang akan di upload dan ditampilkan pada halaman bloh YouTube TV Tersebut. Happy Coding!

Kudos : Jacob Kelley YouTube TV

Sumber https://8tutorialandroid.blogspot.com

Blogger Youtube Tutorial