Sadece Url İle Yazı İçerisine Youtube Video Ekleme Nasıl Yapılır

Youtube hemen hemen her türlü video yu bulabileceğimiz harika bir servis. Yazdığımız blog yayınlarının hemen hemen hepsiyle alakalı bir video olduğunu ve okuyucuların görsel içeriğe daha fazla önem gösterdiklerini de düşünürsek sıklıkla siteye youtube video ekleme işlemi yapacağımız aşikar !

Peki sadece ilgili videonun url sini yazınıza ekleseniz ve yayında otomatik olarak o video çıksa olmaz mı ?

Standart olarak bu servis üzerinde maalesef böyle bir seçenek yok. Fakat birazdan bahsedeceğim kodları şablonunuza eklerseniz bu sitenize video eklerken sadece url yi eklemeniz yeterli olacak.

Rutin düzen olarak bir video’yu yayına eklemek istediğimizde siteye ekle kodunu alıp yayının içine yapıştırıyorduk. Burada aldığınız kodlar belirli bir genişlik ve yüksekliğe sahip olduğundan responsive olarak görüntülenmiyor ve de direkt adres satırından linki kopyalayıp eklemek varken birkaç adımda kod alıp yapıştırmak biraz daha zahmetli iş.

Gelelim nasıl yapacağımıza :

İki farklı yere aşağıdaki kodları yapıştıracaksınız.

1- Blogger hesabınıza açarak şablon düzenle kısmına gelin ve </body> kodunu aratın. Hemen üzerine aşağıdaki kodu yapıştırın.

kodları görüntüle

2- Şimdi </head> kodunu arayıp üzerine aşağıdaki kodu yapıştırın.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.videoyoutube{
    margin:20px auto;
    width:100%;
}
.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:0;
}
</style>
</b:if> 

Şimdi şablonunuzu kaydedebilirsiniz. Artık yayın içerisine youtube video eklemek isterseniz sadece aşağıdaki gibi url sini eklemeniz yeterli olacaktır.

ben aşağıdaki videonun yazı içerisinde görüntülenmesi için sadece adres satırını (http://www.youtube.com...) kopyalayıp yazıma yapıştırdım: https://www.youtube.com/watch?v=C_Y_c-QjIDg

Nasıl, size kolaylık sağlayacak mı ? =)