Fixed Stream Blogger Template


✓ Seo 100%
✓ Fast Loading
✓ Anime List
✓ Label Update Source
✓ Tabbed Video Player
✓ Download Box
✓ Staff list
✓ etc

 <!-- Nav tabs -->
  <ul class="nav nav-tabs fx" role="tablist">
    <li role="presentation" class="active"><a href="#vid1" aria-controls="home" role="tab" data-toggle="tab">#NAMASITUS</a></li>
    <li role="presentation"><a href="#vid2" aria-controls="profile" role="tab" data-toggle="tab">#NAMASITUS</a></li>
    <li role="presentation"><a href="#vid3" aria-controls="messages" role="tab" data-toggle="tab">#NAMASITUS</a></li>
  </ul>
  <!-- Tab Panel -->
  <div class="tab-content fx">
    <div role="tabpanel" class="tab-pane fade in active" id="vid1">
      <iframe src="#LINKEMBEDVIDEO" allowfullscreen="true" frameborder=0 srcolling=no width=640 height=360><img alt='Description Anime' title='Title Anime' src="#GAMBARTHUMBNAIL" /></iframe>
    </div>
    <div role="tabpanel" class="tab-pane fade" id="vid2">
      <iframe src="#LINKEMBEDVIDEO" allowfullscreen="true" frameborder=0 srcolling=no width=640 height=360></iframe>
    </div>
    <div role="tabpanel" class="tab-pane fade" id="vid3">
      <iframe src="#LINKEMBEDVIDEO" allowfullscreen="true" frameborder=0 srcolling=no width=640 height=360></iframe>
    </div>
  </div>

  <!-- Tab Download -->
<div class="collapse fx" id="fdownload">

<div class="panel panel-default dlbox fx">
  <div class="panel-body">
      <div class="panel-heading">Download #GANTIJUDULANIME</div>
      <a href="#GANTILINKDOWNLOAD" target="_blank">#GANTIJUDULDOWNLOAD</a>
      <a href="#GANTILINKDOWNLOAD" target="_blank">#GANTIJUDULDOWNLOAD</a>
      <a href="#GANTILINKDOWNLOAD" target="_blank">#GANTIJUDULDOWNLOAD</a>
      <a href="#GANTILINKDOWNLOAD" target="_blank">#GANTIJUDULDOWNLOAD</a>
  </div>
</div><!-- end panel dlbox -->

</div><!-- end collapse -->

 Cara menambahkan labelnya yaitu, 
yang pertama judul anime, kedua untuk episode menggunakan code episode_#NOMOREPISODE ...
misal episode_Episode 2, dan yang terakhir label Anime... 
jadi urutannya,misal >> One Piece, episode_Episode 720, Anime <<
kalau untuk movie tinggal ubah Anime menjadi Movie

 <style>
/* CSS By Template Fansub */
.listanim-wrapper{max-width:1060px;margin:auto}
.anime{float: left;width: 20%;padding: 1rem .75rem 0 0;}
.anime a img{width:90%;margin:0}
.judul{background: #2977BE;text-decoration: none;width:184px;padding:5px}
.anime a {color:#fff}
.clear{clear:both}
.ket{font-size:11px;color: rgba(148, 148, 148, 0.82);font-family: Roboto, Helvetica, sans-serif;}
</style>

<div class='listanim-wrapper'>

<div class='anime'>
<a href='/search/label/#JUDULANIME'><img src='#GAMBARANIME'/>
<div class='judul'>#JUDULANIME</div></a>
<p class='ket'>2016 - 12 eps</p>
</div>
<!-- Tambah dibawah ini Seterusnya -->

<div class='anime'>
<a href='/search/label/#JUDULANIME'><img src='#GAMBARANIME'/>
<div class='judul'>#JUDULANIME</div></a>
<p class='ket'>2016 - 12 eps</p>
</div>
<!-- Tambah Disini Seterusnya -->

</div>

 <style>
/* Staff List part 2 - Arleth98 */
.stf-list{position:relative}
.stf-list{float:left;margin:30px}
.stf-list-imgs{height:150px;overflow:hidden;width:150px;border-radius:100%}
.stf-list-imgs img{width:100%;border:0;padding:0;background:inherit;margin:0}
.stf-list-imgs:after{cursor:pointer;content:"";background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;height:150px;width:150px;border-radius:100%;opacity:0;visibility:hidden}
.stf-list-imgs:hover:after{opacity:1;visibility:visible}
.stf-list b{display:block;text-align:center;margin:15px auto 0;text-transform:uppercase;font-size:14px;letter-spacing:.3px;line-height:1.5}
.stf-list i{text-align:center;display:block}
.stf-list-info:after{content:"";width:25px;border-bottom:1px solid #4C5358;position:absolute;left:0;right:0;padding-top:7px;margin:auto}
.stf-list-medsos{margin-top:16px;text-align:center}
.stf-list-medsos a{color:#888;font-size:14px;display:inline-block;padding:0 3px}
.stf-list i{text-align:center;display:block}
</style>

<!-- Admin1 -->
<div class="stf-list">
<div class="stf-list-imgs">
<img alt="admin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho8Eu3GHwwga-b9wl1I70ae7E4qIR3fOfBQ2bIgdBj6u20Vz6TYRRajCBtLiGqJolWFWGhVtCXNRqhYPAs-eit-GpGZIoAq_Nd8gaRfKo-u-2uMOkY04jiTp3a_VPhhpR2QYnu4pq9ztcD/s1600/saber1.jpg" title="Owner"/>
</div>
<div class="stf-list-info">
<b>Toke78</b>
<i>Translator</i>
</div>
<div class="stf-list-medsos">
<a href="#"><i class="fa fa-facebook-square"></i></a>
<a href="#"><i class="fa fa-google-plus-square"></i></a>
<a href="#"><i class="fa fa-twitter-square"></i></a>
</div>
</div>

<!-- Admin2 -->
<div class="stf-list">
<div class="stf-list-imgs">
<img alt="designer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawrvRHw2lWFi-hJUtUVpF0LOzKal3Fg9Kee57NmBwTO_Dks0E7Beh2RpD5J8hkEH-JgvXwGUpSulVJPB77nPoWQ-yB-oNFNGhbYcg0sMxZ_p6ZlID5EbcKj8KmNxYT4mHkD9xX-7sdeoN/s1600/uwah.png" title="Sora Aoi"/>
</div>
<div class="stf-list-info">
<b>Sora Aoi</b>
<i>Scanner</i>
</div>
<div class="stf-list-medsos">
<a href="#"><i class="fa fa-facebook-square"></i></a>
<a href="#"><i class="fa fa-google-plus-square"></i></a>
<a href="#"><i class="fa fa-twitter-square"></i></a>
</div>
</div>