Cara Membuat Multi Tab Video Streaming Di Blogspot

Oke sobat Carayakami kali ini admin akan kasih tutorial Cara Membuat Multi Tab Video Streaming Di Blogspot, mungkin dari kalian ingin membuat blog video seperti lk21, nah ini sangat bermanfaat sekali untuk blog video, oke langsung saja kita ke tutor nya

• Login ke blogger sobat terlebih dahulu
• Dan jika sudah masuk silakan kalian klik Tema atau Template dan klik Edit HTML
• Jika sudah silakan kalian cari kode </head> jika kalian susah mencari nya silakan kalian pencet di keyboard Ctrl + R
• Jika sudah ketemu silakan kalian pastekan code CSS di bawah ini tepat di atasnya

<style type="text/css">
/*CSS Multi Tab Video by mastamvan Copyright by caranyakami*/
#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 silakan kalian Save Template atau Simpan Tema

Nah jika tutor di atas sudah tinggal pasang code di bawah ini di Postingan atau di Laman kalian dengan cara :

• Klik Postingan abis itu klik Entri Baru dan jika sudah silakan kalian klik HTML dan pastekan code di bawah ini

<div id='multitab-video'>
    <div id="movie-player">
        <iframe src="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="URL VIDEO" target="search_iframe">SD 360p</a>
            <a href="URL VIDEO" target="search_iframe">SD 480p</a>
            <a href="URL VIDEO" target="search_iframe">HD 720p</a>
            <a href="URL VIDEO" target="search_iframe">HD 1080p</a>
        </div>
        <div class="server-item" title="NAMA SERVER">
            <a href="URL VIDEO" target="search_iframe">SD 360p</a>
            <a href="URL VIDEO" target="search_iframe">SD 480p</a>
            <a href="URL VIDEO" target="search_iframe">HD 720p</a>
            <a href="URL VIDEO" target="search_iframe">HD 1080p</a>
        </div>
    </div>
</div>

Nah kalian ganti Url Video menjadi Url Video kalian dan silakan ganti jika Nama Server menjadi Nama Server yang kalian Upload Contoh : Google Drive, Youtube

Facebook

Twitter

whatsapp