Script Play Video Untuk Semua Templat Blog

Post a Comment

Haii teman-teman kembali lagi di Aku Ingin Belajar, disini saya akan kasih nih script buat yang baru buat blog streaming dan bingung nyari scrip buat play video nyari dimana, tenang disini akan kasih solusi dan kasih tau caranya, Yuk kita mulai :

Langkah - langkahnya :
1. Buka blogger
2. Kalau sudah masuk klik tema > Html
3. Cari /head biar cepat tekan ctrl F
4 masukin scriptnya diatas /head

<style type='text/css'>
.tab-buttons{
  overflow:auto;
  text-align: center;
}
.tab-buttons button{
  background:#363f45;
  color:#feb41c;
  border:none;
  padding:10px 20px;
  font:700 15px &#39;segoe ui&#39;,sans-serif;
  text-transform:uppercase;
  cursor:pointer;
  -webkit-transition:all 300ms ease-in;
  -moz-transition:all 300ms ease-in;
  transition:all 300ms ease-in;
}
.tab-buttons button.active{
    color: #fff;
    background: #5e7c88;
}
.tab-content&gt;div{
  padding:20px;
  background:#5e7c88;
  font:400 16px &#39;segoe ui&#39;,sans-serif;
  color:#fff;
}

.tab-content iframe{width:100%!important;height:400px;}
@media screen and (max-width:960px){
.tab-content iframe{max-height:90%}}
@media screen and (max-width:768px){
.tab-content iframe{max-height:75%}}
@media screen and (max-width:600px){
.tab-content iframe{max-height:60%}}
@media screen and (max-width:480px){
.tab-content iframe{height:auto!important;max-height:auto!important}}
</style>

<script src='//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js'>

</script>
5. Cari /body
6. masukan script ini di atas /body
<script>
var myApp=angular.module(&#39;tabs&#39;,[]);
myApp.controller(&#39;shift_tabs&#39;,function(){
  this.activeTab;
  this.makeShift=function(e){
    this.activeTab=e;
  }
  this.isActive=function(f){
    if(f==this.activeTab){
      return true
    }
  }
});
</script>
7. Kalau sudah selesai memasukan script di atas masuk ke postingan
8. Pilih Html dan masukin script ini

<div class="outer" ng-app="tabs">
<div class="tabs" ng-controller="shift_tabs as shift">
<div class="tab-buttons" ng-init="shift.makeShift(1)">
<button ng-class="{active:shift.isActive(1)}" ng-click="shift.makeShift(1)">Anime 1</button>
      <button ng-class="{active:shift.isActive(2)}" ng-click="shift.makeShift(2)">Anime 2</button>
      <button ng-class="{active:shift.isActive(3)}" ng-click="shift.makeShift(3)">Anime 3</button>
    </div>
<div class="tab-content">
<div ng-show="shift.isActive(1)">
<iframe __idm_frm__="1361" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/HfT-9zqAyzs"></iframe></div>
<div ng-show="shift.isActive(2)">
<iframe __idm_frm__="896" __idm_id__="657269761" allowfullscreen="" frameborder="0" src="https://www.mp4upload.com/embed-anb8szmaam8o.html"></iframe></div>
<div ng-show="shift.isActive(3)">
<iframe __idm_frm__="1363" allowfullscreen="" frameborder="0" src="#"></iframe></div>
</div>
</div>
</div>
9. Silahkan masukin Link video teman-teman di src=
10. Tada liat hasilnya di pratinjau.
11. Selesai

Sekian semoga bermanfaat
Terima Kasih

Related Posts

Post a Comment

Subscribe Our Newsletter