Cara Membuat Youtube Tv Di Blogger

Cara membuat youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari saluran youtube di widget sidebar blog lalu merubah tampilan video youtube yang keren dan kreatif di dalam postingan blog, maka kali ini saya akan coba untuk menyampaikan 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 mampu 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

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

2) Klik Template lalu lakukan 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'/> 

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

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'/> 

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

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;'> 

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

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
 yang keren dan kreatif di dalam postingan blog Cara Menciptakan Youtube Tv Di Blogger

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 mampu 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

Sumber https://8tutorialandroid.blogspot.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel