Cara Membuat Blog Streaming Anime

Kebanyakan Website Streaming Anime yang terbagus, terbaik adalah animeindo.web.id, animeindo.net, animeindo.id, samehadaku.net, oploverz.in, aninesia.com, animek.net, dan lain-lainnya sebagainya.

Saya akan membahas bagaimana cara membuat blog berstreaming mirror. Artikel ini juga untuk saya karena jika kode scriptnya hilang, saya tidak bisa membuat blog streaming anime. Bagi yang membutuhkan boleh mengambil scriptnya, siapa tahu berguna bagi orang lain yang ingin membuat blog seperti saya.



Ini langkah-langkahnya dan kodenya

1. Buka Blogger.com dan Sign In
2. Bagi yang sudah punya blog silahkan, tapi yang belum mohon buatlah blog terlebih dahulu.
    Klik Tema atau Template
3. Klik Edit HTML
4. Pasang Kode di bawah ini tepat di atasnya "</head>" tanpa tanda petik (CTRL + F) untuk mempercepat pencariannya

<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 'segoe ui',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>div{ padding:20px; background:#5e7c88; font:400 16px 'segoe ui',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>

dan Copas kode di bawah ini tepat di atasnya "</head>". Tapi, jika sudah memesang kode player ini, anda tak perlu copas kode ini atau lewati saja. Tapi, jika belum lebih baik copas kode ini.

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

Selanjutnya untuk copas kode ini tepat di atas "</body>" untuk menampilkan kotak tab mirror

<script> var myApp=angular.module('tabs',[]); myApp.controller('shift_tabs',function(){ this.activeTab; this.makeShift=function(e){ this.activeTab=e; } this.isActive=function(f){ if(f==this.activeTab){ return true } } }); </script>

5. Setelah selesai, klik simpan setelan untuk menyimpan setelan. Dan Copas kode ini di postingan artikel anda di HTML code, jangan di Compose

<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-click='shift.makeShift(1)' ng-class='{active:shift.isActive(1)}'>Mirror 1</button> <button ng-click='shift.makeShift(2)' ng-class='{active:shift.isActive(2)}'>Mirror 2</button> <button ng-click='shift.makeShift(3)' ng-class='{active:shift.isActive(3)}'>Mirror 3</button> </div> <div class='tab-content'> <div ng-show='shift.isActive(1)'><iframe src="https://www.youtube.com/embed/v8WjMiodcKo" frameborder="0" allowfullscreen></iframe></div> <div ng-show='shift.isActive(2)'><iframe src="https://www.youtube.com/embed/Wjyf44hTDco" frameborder="0" allowfullscreen></iframe></div> <div ng-show='shift.isActive(3)'><iframe src="https://www.youtube.com/embed/CaObO42bjiI" frameborder="0" allowfullscreen></iframe></div> </div> </div> </div>

keterangan : Warna Merah Kehitaman silahkan anda ganti "Url video anda atau embed video anda"
6. Klik publikasikan jika sudah selesai, selamat anda sudah membuat blog streaming Anime anda