Langkah 1 :
Silahkan Tambahkan CSS ini didalam Postingan.
<style>
.all-button {
position: relative;
background: gray;
border-radius: 5px 5px 0px 0px;
overflow: hidden;
width: 100%;
}
#PlayerMirror {
text-align: center;
float: left;
background: gray;
cursor: pointer;
width: 23.77%;
height: 27px;
line-height: 27px;
color: #fff;
font-size: 14px;
padding: 3px;
font-weight: 700;
border-right: 1px solid #CCC;
}
#Player1 {
display: block;
width: 100%;
height: 400px;
padding: 0;
text-align: center;
background: #000;
}
#Player2,#Player3,#Player4 {
display: none;
width: 100%;
height: 400px;
padding: 0;
text-align: center;
background: #000;
}
</style>
Langkah 2 :
Silahkan Masukkan script dibawah ini didalam postingan yang berisi css tadi.
<div class="all-button">
<div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='block';Player2.style.display='none';Player3.style.display='none';Player4.style.display='none';">
Server 1</div>
<div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='none';Player2.style.display='block';Player3.style.display='none';Player4.style.display='none';">
Server 2</div>
<div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='none';Player2.style.display='none';Player3.style.display='block';Player4.style.display='none';">
Server 3</div>
<div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='none';Player2.style.display='none';Player3.style.display='none';Player4.style.display='block';">
Server 4</div>
</div>
<div id="Player1">
<iframe width="100%" height="100%" src="https://desustream.me/?id=2019/06/hyouka-1" frameborder="0" allowfullscreen></iframe>
</div>
<div id="Player2">
<iframe allowfullscreen='true' frameborder='0' height='100%' marginheight='0' marginwidth='0' scrolling='NO' src='https://www.yourupload.com/embed/5EA5hsMj1BMv' width='100%'/>
</div>
<div id="Player3">
<iframe width="100%" height="100%" src="https://desustream.me/?id=2019/06/hyouka-1" frameborder="0" allowfullscreen></iframe>
</div>
<div id="Player4">
<iframe allowfullscreen='true' frameborder='0' height='100%' marginheight='0' marginwidth='0' scrolling='NO' src='https://www.yourupload.com/embed/5EA5hsMj1BMv' width='100%'/>
</div>
ubah pada alamat src contoh yourupload.com/emded/link embed
Cara Menggunakan Source Code
CSS tempat nya di dalam tag <style> atau <b:skin>. Contoh:
<style>
/* CSS tempel di sini */
</style>
Javascript biasa nya di letakkan di atas tag </body> Contoh:
<script type='text/javascript'>/*<![CDATA[*/
//Tempel Disini Script nya.
/*]]>*/</script>
</body>
HTML terserah mau pasang di mana. mau di template atau postingan terserah.
