Mamank Dzgn : Cara Menciptakan Live Streaming Dan Link Download Youtube Di Blog

membagikan cara menciptakan live streaming beserta link download youtube di blogger Mamank Dzgn : Cara Membuat Live Streaming Dan Link Download Youtube Di Blog

Cara Memasukan Video Youtube Di Blogger

Tutorial kali ini aku akan membagikan cara menciptakan live streaming beserta link download youtube di blogger .. Kelebihan tutorial yang aku 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 .. pribadi saja ke tutorialnya

Masuk Ke Blogger
Template > Edit Html
Masukan css di bawah ini sempurna 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 gres dan masukan instruksi 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="Mamank Dzgn : Cara Membuat Live Streaming Dan Link Download Youtube Di Blog"> <a href="https://mamankdzgn.blogspot.com/" target="search_iframe">Link 1</a> <a href="https://mamankdzgn.blogspot.com/" target="search_iframe">Link 2</a> <a href="https://mamankdzgn.blogspot.com/" target="search_iframe">Link 3</a> <a href="https://mamankdzgn.blogspot.com/" target="search_iframe">Link 4</a> </div> <div class="server-item" title="Mamank Dzgn : Cara Membuat Live Streaming Dan Link Download Youtube Di Blog"> <a href="https://mamankdzgn.blogspot.com/">Link 5</a> <a href="https://mamankdzgn.blogspot.com/" target="search_iframe">Link 6</a> <a href="https://mamankdzgn.blogspot.com/" target="search_iframe">Link 7</a> <a href="https://mamankdzgn.blogspot.com/" target="search_iframe">Link 8</a> </div> </div> </div> </center>