Cara Simple Menciptakan Multi Tab Server Video Streaming

Cara Simple Membuat Multi Tab Server Video Streaming - Ini ialah fitur yang pastinya wajib dipasang oleh web video streaming ya sob, Oke kali ini aku akan share kepada kalian teman cara memasang multi tab server video streaming.

Bagi yang punya blog atau web streaming video wajib kalian coba teman alasannya ialah 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.

Demo

Oke Langsung saja ke cara membuatnya

Cara Simple Membuat Multi Tab Server Video Streaming

Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML lalu pastekan isyarat CSS dibawah ini sempurna diatas isyarat </head> atau &lt;/head&gt;

<style type="text/css"> /*CSS Multi Tab Video*/ #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>

Jika sudah klik simpan Template

kemudia teman masuk dalam postingan yang akan diberikan multi tab video streaming ini, tambahkan isyarat html dibawah ini pada postingan video streaming teman pada mode HTML bukan Compose

<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="Cara Simple 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="Cara Simple 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>

CATATAN :
Ganti NAMA SERVER dengan Nama server yang akan diberikan oleh pengunjung untuk streaming
Ganti EMBED URL VIDEO dengan link videonya

Jika sudah klik publikasikan

Nah yang baca postingan ini niscaya punya web download Movie, Film ya kan?..pasti bener ya kan
Nih aku kasih link buat teman untuk mencari referensi/inspirasi postingan film, film pada situs tersebut super komplit dan tampilan templatenya menyerupai LayarKaca21 So jangan lupa kunjungi ya..

Link : indofilm.me

Oke sekian yang dapat aku jelaskan tentang Cara Simple Membuat Multi Tab Server Video Streaming Terima Kasih yang sudah berkunjung supaya bermanfaat bagi kalian semua.


Sumber https://www.triksimple.com/

Bagikan Artikel ini