Cara Membuat Live Streaming Dan Link Download Youtube Di Blog

Cara Memasukan Video Youtube Di Blogger

Tutorial kali ini saya akan membagikan cara membuat live streaming beserta link download youtube di blogger .. Kelebihan tutorial yang saya akan buat ini di bawah youtube ada link download beberapa link download .. dan di sugguhkan dengan css yang cukup menarik dan responsive
dan kelebihanya tidak akan memberatkan loading blogger .. langsung saja ke tutorialnya

• Masuk Ke Blogger
• Template > Edit Html
• Masukan css di bawah ini tepat diatas ]]></b:skin> atau di atas </style>

#video{box-shadow:0 2px 2px rgba(0,0,0,0.20);border-radius: 4px;position:relative;box-sizing:border-box;margin:0 auto;line-height:2em;font-size:15px!important;width:100%}#video #video-player{position:relative;padding-bottom:56.25%;padding-top:1.66666666666667em;height:0}#video #video-player iframe{position:absolute;top:0;left:0;width:99.88%;height:100%}#video #server-list{color:#fff;position:relative;background:#2b3946;display:block}  #video #server-list a:hover{background:#455868}.server-item{border-bottom:1px solid #c8c8cb}#video #server-list a{border-radius: 3px;color:#fff;text-decoration:none;border:1px solid #fff;padding:0.333333333333333em 0.666666666666667em;display:inline-block;margin:0.333333333333333em;box-sizing:border-box}a:active{background-color:#e74c3c}

• Selanjutnya buat post baru dan masukan kode di bawah ini di mode HTML Bukan Compose

<center>
<div id="video">
<div id="video-player">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/XelsnJZnOF4/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/XelsnJZnOF4?feature=player_embedded" width="320"></iframe> </div>
<div id="server-list">
<div class="server-item" title="Mafsyah">
<a href="https://www.mafsyah.com/" target="search_iframe">Link 1</a> <a href="https://www.mafsyah.com/" target="search_iframe">Link 2</a> <a href="https://www.mafsyah.com/" target="search_iframe">Link 3</a> <a href="https://www.mafsyah.com/" target="search_iframe">Link 4</a> </div>
<div class="server-item" title="mafsyah">
<a href="https://www.mafsyah.com/">Link 5</a> <a href="https://www.mafsyah.com/" target="search_iframe">Link 6</a> <a href="https://www.mafsyah.com/" target="search_iframe">Link 7</a> <a href="https://www.mafsyah.com/" target="search_iframe">Link 8</a> </div>
</div>
</div>
</center>



Nah selanjutnya ganti kode yang berwarna kuning dengan link download video kalian ..

Sekian Tutorial Kali Ini Semoga Bermanfaat .. Terima Kasih
Demo

Berbagi :