Cara Simple Membuat Multi Tab Server Video Streaming - TRIK SIMPLE
Cara Simple Membuat Multi Tab Server Video Streaming

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

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


Oke Langsung saja ke cara membuatnya

Cara Simple Membuat Multi Tab Server Video Streaming


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML kemudian pastekan kode CSS dibawah ini tepat diatas kode </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 sobat masuk dalam postingan yang akan diberikan multi tab video streaming ini, tambahkan kode html dibawah ini pada postingan video streaming sobat 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="NAMA SERVER">
            <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="NAMA SERVER">
            <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 pasti punya web download Movie, Film ya kan?..pasti bener ya kan
Nih saya kasih link buat sobat untuk mencari referensi/inspirasi postingan film, film pada situs tersebut super komplit dan tampilan templatenya seperti LayarKaca21 So jangan lupa kunjungi ya..

Link : indofilm.me



Oke sekian yang bisa saya jelaskan tentang Cara Simple Membuat Multi Tab Server Video Streaming Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Simple Membuat Multi Tab Server Video Streaming


السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Cara Simple Membuat Multi Tab Server Video Streaming

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

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


Oke Langsung saja ke cara membuatnya

Cara Simple Membuat Multi Tab Server Video Streaming


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML kemudian pastekan kode CSS dibawah ini tepat diatas kode </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 sobat masuk dalam postingan yang akan diberikan multi tab video streaming ini, tambahkan kode html dibawah ini pada postingan video streaming sobat 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="NAMA SERVER">
            <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="NAMA SERVER">
            <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 pasti punya web download Movie, Film ya kan?..pasti bener ya kan
Nih saya kasih link buat sobat untuk mencari referensi/inspirasi postingan film, film pada situs tersebut super komplit dan tampilan templatenya seperti LayarKaca21 So jangan lupa kunjungi ya..

Link : indofilm.me



Oke sekian yang bisa saya jelaskan tentang Cara Simple Membuat Multi Tab Server Video Streaming Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subcribe