Blogda Popup Video Oynatmak

Blogda popup pencerede, facebookta beğen, takip et butonlarının açılabileceğini biliyoruz. Şimdi ki yazıda nasıl youtube'dan video açacağımızı görelim öncelikle şu kodu </head> tagının hemen üstüne yapıştırıyoruz.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1' type='text/javascript'/> 
<script src='https://dl.dropbox.com/u/60346665/cookie-jquery.js'type='text/javascript'/> 
<script type='text/javascript'> 
jQuery(document).ready(function($){ 
if($.cookie(&#39;popup_user_login&#39;) != &#39;yes&#39;){ 
$(&#39;#fanback&#39;).delay(100).fadeIn(&#39;medium&#39;); 
$(&#39;#fanclose, #fan-exit&#39;).click(function(){ 
$(&#39;#fanback&#39;).stop().fadeOut(&#39;medium&#39;); 
}); 
} 
$.cookie(&#39;popup_user_login&#39;, &#39;yes&#39;, { path: &#39;/&#39;, expires: 7 }); 
}); 
</script>

İkinci olarak ]]></b:skin> kodunu bulun ve hemen üstüne şu kodları ekleyin.

#fanback{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999} 
#fan-exit{width:100%;height:100%} 
#fanbox {background: white;width: 420px;height: 270px;position: absolute;top: 58%;left: 63%;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;} 
#fanclose {float: right;cursor: pointer;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvbQXvxyJivjabdU3RqblheWhzZtkS6fOOSymfRaKDGAov7sDj85pxeSfDAQuI4WLaBmifs4v-_T_1SeW2b0ciZ6qFGUyz0VHioPId-kpb0TLq6FTyYTgLhM4YT9pH-5BfJMgV6FE3rAMI/s1600/fanclose.png) repeat;height: 15px;padding: 20px;position: relative;padding-right: 40px;margin-top: -20px;margin-right: -22px;} 
.remove-borda {height: 1px;width: 366px;margin: 0 auto;background:#F3F3F3;margin-top: 16px;position: relative;margin-left: 20px;}

Son olarak </body> kodunu bulun ve üstüne şu kodları ekleyin.

<div id='fanback'><div id='fan-exit'/><div id='fanbox'><div id='fanclose'/><div class='remove-borda'/> <iframe width="420" height="315" src="//www.youtube.com/embed/WkpNwIATXDY" frameborder="0" allowfullscreen></iframe>
</div></div>

DEĞİŞİKLİK YAPMANIZ GEREKEN YER:
Son kodda küçük siyah olarak yazılmış iframe ile başlayan kod. buraya kendi youtube video kodunuzu eklemeniz gerekmektedir. Bu kodu elde etmek için youtube videonuzdaki videoda   paylaş>ekle  yolunu izlemeniz yeterli video çerez barındırdığı için her kullanıcıya 7 günde bir gözükür bu değeri değiştirmek için en üstteki kodda 7 değerini bulun ve değiştirin.