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

yazı-içine-youtube-video-eklemek

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ı ? =)

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

10 yorum:

  1. hocam videonun altında ekle kısmı var ordan kod alıpda eklenebiliyoruz.

    http://evdekiyazar.blogspot.com/

    YanıtlaSil
    Yanıtlar
    1. Evet ondan bahsettim zaten o kod yerine direk linki ekleyip daha kolay bir şekilde paylaşım yapabilirsiniz

      Sil
  2. Öncelikle Merhaba. Bir sorum olacaktı.. Bu konuyla alakalı değil ama kusura bakmazsınız artık :)

    Blogger'da haftalık , aylık ve tüm zamanların popüler yazıları eklentisi var. Bu zaman zarflarını nasıl değiştirebiliriz acaba?

    Günün popüler yayınları veya son 1 saatte en çok görüntülenen yazılar gibi bir şey yapabilir miyiz? Yapabilirsek nasıl yapabiliriz? Teşekkürler şimdiden :)

    YanıtlaSil
    Yanıtlar
    1. Yapamazsınız. Orada verilen zaman aralıkları dışına çıkamazsınız.

      Sil
  3. Merhaba , güzel bir anlatım olmuş.Peki eklediğimiz video boyutları otomatik kendimi ayarlıyor sayfanın boyutuna göre genişliği ?

    YanıtlaSil
    Yanıtlar
    1. Aynen öyle. Ekran boyutuna göre duyarlılık gösteriyor. Siz sadece url ile yazınızın içerisine video ekleyebiliyorsunuz.

      Sil
  4. Teşekkür ederim çok yararlı oldu benim için büyük kolaylık gerçekten. Küçük bir katkıda benden embedresponsively com sitesinden tanınmış video servisleri için responsive embed koları oluşturabilirsiniz. Videonun linkini yapıştırıp embed butonuna basmanız yeterli

    YanıtlaSil
    Yanıtlar
    1. Değerli katkınız için teşekkürler. Ancak bu şekilde yapıldığında otomatik olmayacaktır. Sadece url yapıştırıldığında da video sayfaya eklensin istiyoruz biz :)

      Sil
  5. hocam ben yaptım kodu ekledim link ekledim play dediğim zaman hata veriyor ?

    YanıtlaSil
    Yanıtlar
    1. Nasıl bir hatayla karşılaşıyorsunuz? Probleminizi aşamayacak olursanız, ozanbaser et yandex com adresine mail atın, birlikte inceleyelim.

      Sil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.