Cara Membuat Live Streaming Dan Link Download Youtube Di Blog

Cara Memasukan Video Youtube Di Blogger
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
Cara Membuat Live Streaming Dan Link Download Youtube Di Blog Admin Mafsyah 5 of 5
Cara Memasukan Video Youtube Di Blogger Tutorial kali ini saya akan membagikan cara membuat live streaming beserta link download youtub...
Cara Membuat Live Streaming Dan Link Download Youtube Di Blog
4/ 5 stars - "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 youtub...
Loading

URL POSTINGAN

URL:
HTML link code:
BB (forum) link code:

Silahkan Baca Aturan Komentar Yang Baik
Peraturan:
1. Dilarang "SPAM"Apabila Spam Maka Akan Di Block Supaya Tidak Bisa Komentar Lagi
2. Dilarang "Sebar Link Di Komentar " Apabila Share Link Di Komentar Otomatis Di Hapus
3. Dilarang "Bahasa Kasar"Bahasa Kasar Atau Kotor Akan Di Hapus OLeh Admin
4. Dilarang "Bully" Apabila Ada Komentar Berbau Bully Akan Di Hapus Oleh Admin
5. Silahkan Berkomentar Sesuai Kebutuhan

Komentar Facebook
0 Komentar Blogger

0 Comments