♥ Sitenize Saklanan Youtube Videosu Koyma ♥

Herkese merhabalar efenim.Bu yazımda sizlere Sitenize Saklanan Youtube Videosu Koyma kodunu vereceğim.Bu kodu yeni buldum bende ve hemen gerekli ayarlamaları yapıp siteme koydum kodu ve çok hoşuma gitti.Gerekli ayarlamaları yaptıktan sonra sitenizde şöyle gözüküyor.

Farenizi ''Youtube'' yazan yere götürdüğünüzde direkt açılıyor ve tıklayıp dinleyebiliyorsunuz bir videoyu.

Öncelikle size kodu şöyle bir takdim edeyim.

<style>
#flotante1 {
position:fixed;
top:50px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1002;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante1:hover, #flotante2:hover, #flotante3:hover {
right:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
div.likeboxwrap {
margin-top:-5px;
margin-left:-45px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
}
</style>
<div id='flotante1'>
<img src='Resim url kodu buraya gelecek' style='float:left;'/>
<div style='background: #Renk kodu buraya gelecek; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'>VİDEO KODU BURAYA GELECEK</div></span></div></div>

İlk önce bu kodu kopyalayın.Blogger ana sayfasından Yerleşim-->Gadget Ekle--->HTML/JavaScript Gadget'ine basın ardından bu kodu yapıştırın.

Daha sonrasında ise sitenizin yan tarafında çıkacak olan youtube yazılı resmi koymamız lazım.

Bu yazılardan sitenize hangisi uyuyorsa onu koyabilirsiniz yada kendinizde yapabilirsiniz.Resmin url kodunu alıp kodda yazdığım ''Resim url kodu buraya gelecek''yazısını silip kodu oraya yapıştırın.Ardından herhangi bir renk kodu veren siteye girin oradan blog şablonunuza uygun rengin kodunu kopyalayın yanlız yıldızını kopyalamayın kodda yıldız var.Yıldızıda kopyalarsanız kod çalışmaz.Kopyaladıktan sonra ''Renk kodu buraya gelecek'' yazısını silip kodu yapıştırın şimdi gelelim biraz zor kısma.Video kodunu nasıl ekleyeceğiz? Şimdi Youtube'de istediğimiz videoya tıklayalım.

Ardından Paylaş'a basalım.Şimdi karşımıza kısa bir kod çıkacak.Bu kod hiçbir işimize yaramayıp kodu bozup çalışmasını önlüyor.Şimdi biz bu videonun çerçeveli olarak çıkmasını istiyoruz bu yüzden paylaşta çıkan blogger simgesine tıklıyoruz.Yani 4.kutucuğa tıklıyoruz.Karşımıza şöyle bir kutucuk gelecek.

HTML'yi Düzenle kısmına basıyoruz ve koda bakıyoruz.

Width yazan yere 238 height yazan yere ise 325 yazıyoruz ve kodun tamamını kopyalayıp sayfayı kapatıyoruz.Sayfa size uyarı verebilir evet kapatmak istiyorum diyip kapatın.Ardından kodda yazdığım ''Video kodu buraya gelecek''kısmını silip kopyaladığınız kodu yapıştırın.Yapıştırdıktan sonra kaydet'e basın ve Saklanan Youtube videosu sitenizde gözükecektir.

Bir sonraki yazımda görüşmek üzere hoşçakalın efenim.