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 sahabat cara memasang multi tab server video streaming.

Bagi yang punya blog atau web streaming video wajib kalian coba sahabat alasannya ialah dengan adanya fitur ini pengunjung web sahabat 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 sahabat masuk terlebih dahulu ke Blogger > Tema > Edit HTML lalu pastekan arahan CSS dibawah ini sempurna diatas arahan </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 sahabat masuk dalam postingan yang akan diberikan multi tab video streaming ini, tambahkan arahan html dibawah ini pada postingan video streaming sahabat 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 sahabat untuk mencari referensi/inspirasi postingan film, film pada situs tersebut super komplit dan tampilan templatenya ibarat 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 agar bermanfaat bagi kalian semua.

Bagikan Artikel ini