Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Multi Tab Server Video Streaming


Ini yaitu fitur yang pastinya wajib dipasang oleh web video streaming ya sob, Oke kali ini saya akan share kepada kalian teman cara memasang multi tab server video streaming.

Bagi yang punya blog atau web streaming video wajib kalian coba teman sebab dengan adanya fitur ini pengunjung web teman akan nyaman dengan kualitas video yang akan dilihat pengunjung nanti begitu juga untuk server yang akan ditonton nanti.

Oke Langsung saja ke cara membuatnya

MEMBUAT MULTI TAB SERVER VIDEO STREAMING
  • Login akun blogger kalian
  • Masuk ke hidangan Template > HTML
  • Selanjut nya cari arahan </head>
  • Setelah ketemu, Masukan CSS ini sempurna diatas nya
  <style type="text/css"> /*CSS Multi Tab Video by Blog Mas Tamvan*/ #multitab-video{position:relative;box-sizing:border-box;margin:0 auto;line-height:2em;font-size:15px!important;width:100%} #multitab-video #movie-player{position:relative;padding-bottom:56.25%;padding-top:1.66666666666667em;height:0} #multitab-video #movie-player iframe{position:absolute;top:0;left:0;width:100%;height:100%} #multitab-video #server-list{position:relative;background:#fafafa;display:block} #multitab-video #server-list .server-item:before{content:attr(title);width:9.93333333333333em;display:inline-block;padding-left:0.933333333333333em} .server-item{border-bottom:1px solid #c8c8cb} #multitab-video #server-list a{color:#334;text-decoration:none;border:1px solid #443;padding:0.333333333333333em 0.666666666666667em;display:inline-block;margin:0.333333333333333em;box-sizing:border-box} a:active{background-color:yellow} </style>
  • Save template.
  • Sekarang pasang HTML nya untuk pasang video nya pada postingan.
  • Pilih Tab HTML mode jangan COMPOSE.
  • Lalu Copy arahan HTML dibawah ini:
<div id='multitab-video'>     <div id="movie-player">         <iframe src="EMBED URL VIDEO" frameborder="0" webkitAllowFullScreen="" mozallowfullscreen="" allowFullScreen="" name="search_iframe"></iframe>     </div>     <div id="server-list">         <div class="server-item" title="Membuat Multi Tab Server Video Streaming">             <a href="EMBED URL VIDEO" target="search_iframe">SD 360p</a>             <a href="EMBED URL VIDEO" target="search_iframe">SD 480p</a>             <a href="EMBED URL VIDEO" target="search_iframe">HD 720p</a>             <a href="EMBED URL VIDEO" target="search_iframe">HD 1080p</a>         </div>         <div class="server-item" title="Membuat Multi Tab Server Video Streaming">             <a href="EMBED URL VIDEO" target="search_iframe">SD 360p</a>             <a href="EMBED URL VIDEO" target="search_iframe">SD 480p</a>             <a href="EMBED URL VIDEO" target="search_iframe">HD 720p</a>             <a href="EMBED URL VIDEO" target="search_iframe">HD 1080p</a>         </div>     </div> </div>
  • Selesai dan lihat hasilnya.
Cukup sekian dari artikel MEMBUAT MULTI TAB SERVER VIDEO STREAMING SEPERTI LAYARKACA21 semoga bermanfaat, dan jikalau ada yang belum paham dapat bertanya pada kolom komentar.
Sekian dan Terimakasih.