Cara membuat video streaming refresh ini sangatlah mudah, ringan, dan sederhana tanpa plugin ber ekstensi .js
Kebanyakan memasang kode dengan plugin-plugin tertentu. maka dari ini saya akan memberi tahu cara membuat video streaming dengan mudah, ringan, dan sederhana.
Ikuti langkah saya :
1. Buka Blogger, Sign In2. Buka akun blog anda
3. Buka template (Tema)
4. Edit HTML
5. Pasang kode di bawah ini Di atas "]]></b:skin>" tanpa tanda petik. Tekan CTRL + F untuk mempermudah mencarinya.
/* Mirror Streaming Video Ala Ricky Setiawan (SNS)
================================================= */
#tabmenu{list-style:none;overflow:hidden;margin-left:-8px} #tabmenu li{float:left;width:33.3%;text-align:Center;margin-bottom:2px;background:#333} #tabmenu li:hover{background:#1a77d0} #tabmenu li:nth-child(even){background:#555} #tabmenu li span{margin:0} #tabmenu li a{display:block;cursor:pointer;padding:5px;font-weight:bold;color:#fff} #tabmenu li a:hover{color:#FFF;text-decoration:none} .infvideos{margin-top:10px;font-size:12px} .infvideos .left{float:left} .YuuStreamVideo p{margin:0} .infvideos .left span{background:#1353A2;color:#FFF;display:block;float:left;margin-right:5px;border:1px solid #323232;margin:3px;padding:5px 8px} .infvideos .left span a{color:#a2a2a2} .infvideos .right{float:right} .infvideos .right .reportmirror{float:right;margin-right:80px}
#tabmenu{list-style:none;overflow:hidden;margin-left:-8px} #tabmenu li{float:left;width:33.3%;text-align:Center;margin-bottom:2px;background:#333} #tabmenu li:hover{background:#1a77d0} #tabmenu li:nth-child(even){background:#555} #tabmenu li span{margin:0} #tabmenu li a{display:block;cursor:pointer;padding:5px;font-weight:bold;color:#fff} #tabmenu li a:hover{color:#FFF;text-decoration:none} .infvideos{margin-top:10px;font-size:12px} .infvideos .left{float:left} .YuuStreamVideo p{margin:0} .infvideos .left span{background:#1353A2;color:#FFF;display:block;float:left;margin-right:5px;border:1px solid #323232;margin:3px;padding:5px 8px} .infvideos .left span a{color:#a2a2a2} .infvideos .right{float:right} .infvideos .right .reportmirror{float:right;margin-right:80px}
6. Klik save (Simpan Setelan)
7. Jika sudah, lalu buka posting. Klik HTML, Ingat bukan
<ul id="tabmenu" >
<li class='each-menu active'><a onclick="changeChannel('v1')">
<span class="YuuPlayInfoFile">Savefile</span></a></li>
<span class="YuuPlayVideo"></span></li>
<li class='each-menu active'><a onclick="changeChannel('v2')">
<span class="YuuPlayInfoFile">Mp4upload</span></a></li> <span class="YuuPlayVideo"></span></li> <li class='each-menu active'><a onclick="changeChannel('v3')">
<span class="YuuPlayInfoFile">Openload</span></a></li> <span class="YuuPlayVideo"></span></li></ul> <div id="plv"> <div class='YuustreamVideo'> <div class='YuuStreamVideo'> <p> <iframe id="playerCode" type="text/html" frameborder="0" scrolling="no" width="100%" height="350px" src="http://www.savefile.co/embed-gshgc7g2cn7d.html" allowfullscreen=''></iframe> </p> </div> <script type='text/javascript'> function changeChannel(channelName){ plyDiv = document.getElementById('playerCode'); timestamp = new Date().getTime(); switch(channelName) { case 'v1': plyDiv.src = 'http://www.savefile.co/embed-gshgc7g2cn7d.html'; document.getElementById('YuuinfFile').innerHTML = 'Savefile'; document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror'; plyDiv.load(); plyDiv.play(); break; case 'v2': plyDiv.src = 'http://www.mp4upload.com/embed-lzc0kk8k6rmh.html'; document.getElementById('YuuinfFile').innerHTML = 'Mp4upload'; document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror'; plyDiv.load(); plyDiv.play(); break; case 'v3': plyDiv.src = 'https://oload.tv/embed/Lx7ZgnV0jgY/Last_The_Side_Event.mp4'; document.getElementById('YuuinfFile').innerHTML = 'Openload'; document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror'; plyDiv.load(); plyDiv.play(); break; } } </script> </div> <div class="infvideos"> <div class="left"> <span id='YuuinfFile'><b>Savefile</b></span> </div> </div> </div>
<span class="YuuPlayInfoFile">Mp4upload</span></a></li> <span class="YuuPlayVideo"></span></li> <li class='each-menu active'><a onclick="changeChannel('v3')">
<span class="YuuPlayInfoFile">Openload</span></a></li> <span class="YuuPlayVideo"></span></li></ul> <div id="plv"> <div class='YuustreamVideo'> <div class='YuuStreamVideo'> <p> <iframe id="playerCode" type="text/html" frameborder="0" scrolling="no" width="100%" height="350px" src="http://www.savefile.co/embed-gshgc7g2cn7d.html" allowfullscreen=''></iframe> </p> </div> <script type='text/javascript'> function changeChannel(channelName){ plyDiv = document.getElementById('playerCode'); timestamp = new Date().getTime(); switch(channelName) { case 'v1': plyDiv.src = 'http://www.savefile.co/embed-gshgc7g2cn7d.html'; document.getElementById('YuuinfFile').innerHTML = 'Savefile'; document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror'; plyDiv.load(); plyDiv.play(); break; case 'v2': plyDiv.src = 'http://www.mp4upload.com/embed-lzc0kk8k6rmh.html'; document.getElementById('YuuinfFile').innerHTML = 'Mp4upload'; document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror'; plyDiv.load(); plyDiv.play(); break; case 'v3': plyDiv.src = 'https://oload.tv/embed/Lx7ZgnV0jgY/Last_The_Side_Event.mp4'; document.getElementById('YuuinfFile').innerHTML = 'Openload'; document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror'; plyDiv.load(); plyDiv.play(); break; } } </script> </div> <div class="infvideos"> <div class="left"> <span id='YuuinfFile'><b>Savefile</b></span> </div> </div> </div>
8. Ubah warna Kuning dengan link embed kalian. Jika sudah Klik simpan lalu publikasikan.
Catatan : Ingat, langsung publikasikan, jangan klik compose. misalnya anda salin klik html, lalu paste dan klik compose, maka kodenya langsung akan berubah menjadi kode "<a href ...". Anda Langsung aja publikasikan. agar tidak terjadi kesalahan.
Jika anda mengalami kesulitan, silahkan berkomentar!!! Agar saya dapat membantu anda kesalahan pada Anda.
No comments:
Post a Comment