√ Cara Menciptakan Script Streaming Post Tab Episode

Pada Tutorial kali ini, Saya akan membagikan tutorial bagaimana cara menciptakan Multiple Stream ,intinya menciptakan script postingan iframe video,
script ini di buat oleh arlethdesign, dan aku modifikasi sendikit semoga lebih ringan, baiklah eksklusif saja

• DEMO

Cara Membuat Script Streaming Post

1. Buka Blogger, Lalu klik sajian Tema, dan klik EDIT HTML.

2. Letakan CSS berikut sempurna diatas kode ]]></b:skin>

  /* CSS IFRAME Multiple Stream Video    ================================  */ #--title-anime{display:block;text-align:center;padding:10px;font-size:14px;font-weight:600;background:#212121;color:#fff;border-bottom:2px solid #212121} #--iframe-video{display:block;overflow:hidden;clear:both;text-align:center;background:#212121} #--iframe-video a{display:inline-block;padding:7px 10px;font-size:14px;color:#FFF;background:#444;cursor:pointer;margin:5px;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:600;border-bottom:2px solid #027273;box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.22) 0 1px 2px;transition:all .2s} #--iframe-video a:hover{background:#333;text-decoration:none;transition:all .2s} #--iframe-video.--tab-eps:before{content:'Episode';display:block;color:#FFF;padding:10px;font-size:15px;background:#333;border-bottom:1px solid #121212} 

3. Selanjutnya, letakan Javascript berikat sempurna diats arahan </body>

 <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'> <script type='text/j4vascript'>//<![CDATA[ // Script Multiple Embed video - Don't Edit $(document).ready(function(){(function(){var g=anime.length;var e=$(".--tab-eps");for(var h=0;h<g;h++){e.append("<a class='ganti-eps' data-id='"+h+"' data-eps='Episode "+(h+1)+"'>"+(h+1)+"</a>")}var f=$(".--show-video");$(".ganti-eps").click(function(){f.html('<div class="--responsive"><iframe src="'+anime[parseInt($(this).data("id"))]+'" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"  ></iframe></div>');$("#--title-anime").text($(this).data("eps"))})}())}); //]]></script> </b:if> 

4. Save Tema
5. Untuk Post, buat postingan baru, dan gunakan HTML berikut dalam mode HTML.

 <span id="--title-anime">Pilih Episode</span> <div class="--show-video"> <img height="360" marginheight="0" marginwidth="0" scrolling="no" src="ISI DENGAN URL GAMBAR" width="100%" /> </div> <div class="tabs --tab-eps" id="--iframe-video"> <!-- tombol akan muncul disini --> </div> <script> // LINK EMBED VIDEO var anime = [ "ISI DENGAN LINK EMBED",    ] </script>  

untuk menambahkan episode ibarat contoh

 "Embed Episode 1", "Embed Episode 2", 

baiklah cukup sampe disini tutorial kali ini ,terima kasih
Sumber http://idalponse.blogspot.com