Home Blogger Memasang Daftar Video Dari Channel Youtube Di Blogger

Memasang Daftar Video Dari Channel Youtube Di Blogger

by PediaKita
Menampilkan playlist dari kanal youtube di blog dan seputar tutorial ini admin akan mencoba menandakan cara menambah dan membuat widget pada blogger untuk menampilkan daftar video yang sebelumnya sudah diupload ke channel youtube anda. Dan secara otomatis akan ditampilkan di widget ini. Keuntungan dari pemasangan ini ialah akan memudahkan bagi pengunjung blog untuk menentukan video mana yang ingin mereka lihat dan putar dari widget tersebut.

 Menampilkan playlist dari kanal youtube di blog dan seputar tutorial ini admin akan men Memasang Daftar Video Dari Channel YouTube di Blogger

Persiapan :


Salin aba-aba dibawah ini kemudian 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 akibat salin kembali semua aba-aba yang ada di notepad tersebut.


Langkah-langkah :


1) Masuk ke dashboard blogger anda

2) Klik Tata Letak

3) Klik Tambah Gadget kemudian pilih HTML/Javascript

5) Beri judul widget tersebut misal Video Tutoral Kami

6) Paste-kan aba-aba yang telah 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!


Sumber artikel ini dari blog heyriad

You may also like