Home Pemutar Video Embed Youtube Pemutar Video Embed Youtube

Pemutar Video Embed Youtube

Memasang kode Pemutar Video Embed Youtube 
Login ke akun blog klik tombol blog baru, buat satubuah link baru  
kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut, 
hapus semua kode template, ganti dengan kode blank template,  yang tersedia pada sumber  berikut ini   :   Blank Template  edit background warna sesuai keinginan dan klik simpan selesai
Kemudian klik entri halaman baru HTML pada link tersebut
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai
<style class="Mys2010-styles">
body {);color:red;height:100%;overflow:hidden;}
.video {
  width: 560px;
  height: 315px;
  position: absolute;
 position: center;
  top:-46px;
 left: -4px;
  right: 50px;
  bottom: 0;
  margin: auto;
  z-index: 100;
}
.text-bawah {
  position: absolute;
  right: 410px;
  bottom: 310px;  
font-size: 50px;
font-family: agency fb, sans-serif;
  text-transform: uppercase;
}
.text-bawah1 {
  position: absolute;
  left: 90px;
  bottom: 40px;
  text-align: left;
  text-transform: uppercase;}
.text-bawah2 {
  position: absolute;
  right: 90px;
  bottom: 40px;
  text-align: right;
  text-transform: uppercase;
} 
</style> 

<!DOCTYPE html>
<!--[if IE8]><html id="ie8"><![endif]-->
<!--[if IE 9]><html id="ie9"><![endif]-->
<!--[if gt IE 9]><!--><html><!--<![endif]-->

<div class="wrapper">
<article class="content">
<div class='video'>
</div>

<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-58d22c749295bca52f487966e382a94a495ac103faca9206cbd160bdf8aedf2a.js'>
</script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>
</script>

 <script>
    (function () {
    var ambilight;
    $(document).ready(function () {
        return ambilight.on('KSqttO3NtCg', '.video');
    });
    ambilight = {
        on: function (yt_id, container) {
            $(container).append('<iframe width="560" height="315"src="https://www.youtube.com/embed/0PB6kzbS4zs" frameborder="0" allowfullscreen></iframe>');
            return $('body').tubular({ videoId: yt_id });}};
}.call(this));  
  </script>
Video by. All Source
Design Code is Edited by. Mys2010 on Codepen
DEMOSHOW
* If you want to directly copy and paste you canDownload  Play Video Embed Youtube

Category: