Memasang Daftar Video Dari Channel Youtube Di Blogger

Menampilkan playlist dari kanal youtube di blog dan perihal panduan ini saya akan menjajal menandakan cara memperbesar dan bikin widget pada blogger untuk memperlihatkan daftar video yang sebelumnya sudah diupload ke channel youtube anda. Dan secara otomatis akan ditampilkan di widget ini. Keuntungan dari pemasangan ini yakni akan membuat lebih mudah bagi hadirin blog untuk menyeleksi video mana yang ingin mereka lihat dan putar dari widget tersebut.

---

Persiapan :

---

Salin isyarat dibawah ini lalu paste-kan ke notepad.

Klik ganda untuk menyalin

 <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script> <style type="text/css"> div.ytc {clear:both;padding:5px;font-size:11px;} div.ytc.odd {background-color: #eee;} div.ytc_thumb {position:relative;float:right;margin-left:4px;line-height:1;} div.ytc_thumb img {width:69px;height:52px;border:1px solid #888;} div.ytc_title {font-weight:bold;} </style> <script type='text/javascript'> // configuration: var ytfUserName = "TeacHowTV"; var ytfMaxResults = 5; var ytfAllow = ""; var ytfDisallow = ""; var ytfEmpty = "No entries"; // $(document).ready(function() {   $.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=58c841d14337ba4fbf693abd9701dc49&_render=json&max-results="+ytfMaxResults+"&allow="+ytfAllow+"&disallow="+ytfDisallow+"&user="+ytfUserName+"&_callback=?", function(response) {     var htm = "";     for(var i=0;i<response.count;i++) {       var item = response.value.items[i];       htm += '<div class="ytc';       if(i%2 == 1) htm += ' odd';       htm += '"><div class="ytc_thumb"><a target="_blank" href="' + item.link + '"><img title="' + item.title + '" src="' + item.thumb + '"/></a></div>';       htm += '<div class="ytc_title"><a target="_blank" href="' + item.link + '">' + item.title + '</a></div>';       htm += '<div class="ytc_description">' + item.description + '</div><div style="clear:both;"></div></div>';     }     if(htm == "") htm = ytfEmpty;     $("#ytfeed").html(htm);   }); }); </script> <div id="ytfeed">Sedang mengisi...</div>

Penting
Ganti var ytfUserName = "TeacHowTV;" dengan nama URL kanal anda.
Ganti var ytfMaxResults = 5; dengan jumlah video yang ingin ditampilkan.

Jika sudah tamat salin kembali semua isyarat yang ada di notepad tersebut.

---

Langkah-langkah :

---

1) Masuk ke dashboard blogger anda

2) Klik Tata Letak

3) Klik Tambah Gadget lalu pilih HTML/Javascript

5) Beri judul widget tersebut misal Video Tutoral Kami

6) Paste-kan isyarat yang sudah disalin dari notepad kedalam widget tersebut

7) Klik Simpan

Sekarang coba lihat daftar dari video yang ada di kanal youtube tampil di widget blogger anda. Enjoy and Happy Coding!

Cara Menghasilkan Youtube Tv Di Blogger

Cara menghasilkan youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari jalan masuk youtube di widget sidebar blog kemudian merubah penampilan video youtube yang keren dan inovatif di dalam postingan blog, maka kali ini saya akan coba untuk menyodorkan cara menghasilkan halaman khusus di blogger yang mau secara otomatis memperlihatkan video-video yang sudah di unggah dari jalan masuk atau channel youtube anda dengan menggunakan jquery YouTube TV yang dikembangkan oleh Jacob Kelley. YouTube TV ini bisa memperlihatkan video dengan penampilan yang terlihat professional dan keren. Keuntungan dengan menghasilkan 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 kemudian menontonnya pribadi di blogspot anda.

Lihat Demo

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

2) Klik Template kemudian jalankan back up kemudian klik Edit Template
3) Cari tag pembuka <b:skin><![CDATA[/* kemudian salin dan pastekan css dibawah ini sempurna 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 epilog ]]></b:skin> kemudian salin dan pastekan jQuery YouTUbe-TV dibawah ini sempurna 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 sempurna di bawahnya

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

6) Cari tag epilog <body> kemudian salin dan pastekan epilog tag kondisional ini sempurna 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 jalan masuk 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 dibentuk pada langkah 1 maka halaman tersebut akan memperlihatkan daftar video dari channel youtube anda dan bisa pribadi di tonton. Itulah cara menghasilkan 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/
Sumber https://henponterbaru.blogspot.com

Cara Menghasilkan Youtube Tv Di Blogger

Cara menghasilkan youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari jalan masuk youtube di widget sidebar blog kemudian merubah penampilan video youtube yang keren dan inovatif di dalam postingan blog, maka kali ini saya akan coba untuk menyodorkan cara menghasilkan halaman khusus di blogger yang mau secara otomatis memperlihatkan video-video yang sudah di unggah dari jalan masuk atau channel youtube anda dengan menggunakan jquery YouTube TV yang dikembangkan oleh Jacob Kelley. YouTube TV ini bisa memperlihatkan video dengan penampilan yang terlihat professional dan keren. Keuntungan dengan menghasilkan 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 kemudian menontonnya pribadi di blogspot anda.

Lihat Demo

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

2) Klik Template kemudian jalankan back up kemudian klik Edit Template
3) Cari tag pembuka <b:skin><![CDATA[/* kemudian salin dan pastekan css dibawah ini sempurna 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 epilog ]]></b:skin> kemudian salin dan pastekan jQuery YouTUbe-TV dibawah ini sempurna 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 sempurna di bawahnya

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

6) Cari tag epilog <body> kemudian salin dan pastekan epilog tag kondisional ini sempurna 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 jalan masuk 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 dibentuk pada langkah 1 maka halaman tersebut akan memperlihatkan daftar video dari channel youtube anda dan bisa pribadi di tonton. Itulah cara menghasilkan 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/
Sumber https://henponterbaru.blogspot.com

Cara Bikin Youtube Tv Di Blogger

Cara bikin youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari kanal youtube di widget sidebar blog lalu merubah penampilan 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 mau secara otomatis memperlihatkan video-video yang sudah di unggah dari kanal atau channel youtube anda dengan memakai jquery YouTube TV yang dikembangkan oleh Jacob Kelley. YouTube TV ini sanggup memperlihatkan video dengan penampilan yang terlihat professional dan keren. Keuntungan dengan bikin halaman khusus video youtube ini akan mempermudah bagi para hadirin dan pembaca setia blog anda untuk menyaksikan daftar video youtube yang sudah anda upload lalu menontonnya pribadi di blogspot anda.

Lihat Demo

Cara Memasang dan Membuat YouTube TV Di Blog :
1) Log in ke blogger anda lalu buat suatu halaman/page gres 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 kanal 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 pribadi 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://henponterbaru.blogspot.com