Memasang Daftar Video Dari Channel Youtube Di Blogger
Menampilkan playlist dari akses youtube di blog dan tentang bimbingan 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 adalah akan membuat lebih mudah bagi hadirin blog untuk menyeleksi video mana yang ingin mereka lihat dan putar dari widget tersebut.
Persiapan :
Salin instruksi dibawah ini lalu paste-kan ke notepad.
Persiapan :
Salin instruksi 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 akses anda.
Ganti var ytfMaxResults = 5; dengan jumlah video yang ingin ditampilkan.
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 instruksi yang sudah disalin dari notepad kedalam widget tersebut
7) Klik Simpan
Sekarang coba lihat daftar dari video yang ada di akses youtube tampil di widget blogger anda. Enjoy and Happy Coding!
Komentar
Posting Komentar