Blogger'da Youtube videolarını responsive (mobil uyumlu) hale nasıl getirebileceğinizi anlatan bilgilendirme yazısı.
Birçok Blogger kullanıcısı yazı içeriğinde Youtube videoları kullanmış ve kullanmaya devam etmektedir. Fakat bu videolar mobil uyumlu olmadığı taktirde, görünümü göze hitap etmeyen bir şekilde olacaktır. Bu sebeple göze hitap etmesi için mobil uyumlu hale getirmek gerekir. Aşağıda vereceğim birkaç satırlık kodu gerekli yere yapıştırdığınız zaman videolarınız mobil uyumlu hale gelecektir. Anlatmaya çalıştığım olayı aşağıdaki ekran görüntülerinden daha iyi anlayabilirsiniz.
Görselden de anlaşıldığı üzere Youtube videoları mobil uyumlu olmadığı zaman, Youtube görseli tam olarak çıkmıyor ve en-boy oranında ise orantısızlık oluşuyor. Mobil uyumlu hale getirdiğiniz taktirde bu sorunu ortadan kaldıracak ve daha iyi görüntüleyebileceksiniz. Yazımı çok fazla uzatmadan kısaca yapmanız gerekenlere geçeyim ben.
- Blogger Kontrol Paneli'nde bulunan Şablon > HTML'yi düzenle seçeneklerine tıklayın.
- Kodların bulunduğu alana bir kez tıklayın ve Ctrl+F tuşlarına tıklayıp gelen arama ekranına ]]></b:skin> yazıp Enter tuşuna tıklayın.
- ]]></b:skin> kodunu bulup bir üst satırına aşağıda vermiş olduğum CSS kodunu yapıştırın.
/* CSS Only */ .post-body iframe{width:100%!important;} @media screen and (max-width:960px){ .post-body iframe{max-height:90%}} @media screen and (max-width:768px){ .post-body iframe{max-height:75%}} @media screen and (max-width:600px){ .post-body iframe{max-height:60%}} @media screen and (max-width:480px){ .post-body iframe{height:auto!important;max-height:auto!important}}
- Son olarak Şablonu Kaydet seçeneğine tıklayın
Böylece Youtube videolarını mobil uyumlu görüntüleyebilirsiniz. Varsa sorularınız sorabilirsiniz. Ayrıca yapamayanlar için de yardımcı olurum. Peki sizler bu eklenti hakkında neler düşünüyorsunuz?
Her zaman ki gibi ilaç gibi bir yazı olmuş. Bende diyordum. Benim videolar niye böyle? Kalemine sağlık
SilFaydalı olduysam ne mutlu. Eklentiyi kullanarak videolarınızı düzeltebilirsiniz. Yorum için teşekkürler.
SilDeneyeceğim.Dilerim yapabilirim
SilÇok basit, tabiki yapabilirsiniz
SilÇok faydalı oldu
)
SilYorum için teşekkürler 😂 Faydalı olabilmek için burdayım.
SilBilmeyenler için gerçekten temiz bir yayın olmuş. Seni bana da beklerim dostum
SilKesinlikle dediğiniz gibi, yorum için teşekkürler.
SilEn kısa zamanda deneyeceğim. Hiç bakmadım mobilede blogumdaki videoların nasıl gözüktüğüne.
SilKonu kullandım, çok iyi çalışıyor. Fakat en-boy oranında biraz oyna yapmak gerekli.
SilTabiki isteğe göre en boy oranı da ayarlanabilir. Mesajımı dikkate alıp kullandığınız için teşekkürler.
SilBöyle bir şey arıyordum senin bloguna denk geldim Semih.
SilHarikasın, kodlar çok güzel çalışıyor. Gerçekten istediğim gibi oldu şimdi
Paylaşım için teşekkür ederim. Paylaşan ellerin dert görmesin
Abi klavyenden bal damlıyor be. Bu ne güzel kelimeler böyle. Aradığın birçok şeyin cevabı bende aslında, sadece bir mail uzaklığında.
SilEyvallah kardeşim, bundan sonra daha sıkı takip edeceğim seni inşallah
bu tür paylaşımlar her zaman dikkatimi çekmiştir 
SilBu tür paylaşımlar benim de dikkatimi çekiyor fakat ülkemizde yazan pek yok. Mecbur yabancı blogları takip edip anladıklarımı aktarmaya çalışıyorum işte.
SilGüzel çalışıyor fakat masaüstü görünümünde video çok geniş görünüyor.
SilBu kodlar masaüstü görünümünü etkilemiyor. Embed kodu içerisindeki height ve width değerlerini istediğin değerleri yazarak istediğin görünüme kavuşturabilirsin.
SilOlmadı bende.Benim temam modil uyumlu acaba o yüzden mi olmadı?Acil yardım
Silruhsa.blogspot.com.tr baksanıza
Şu anda blogumda kullanıyorum ve gayet başarılı bir şekilde çalışıyor. Çalışmamasının sebebi kullandığınız temayla alakalı değildir diye düşünüyorum.
SilPeki önceden olan videolara etkisi var mi?
SilBlogunuza eklediğiniz tüm videoları mobil görünümde daha düzgün gösterir sadece.
SilHicbir etkisi olmadi bende ?
SilKodları doğru bir şekilde yapıştırdığınıza emin misiniz? Şu anda kullandığım bir eklenti ve bende başarılı bir şekilde çalışıyor.
SilEvet yaptım mailinizi verirseniz ekran görüntüsünü göndereyim bide siz bakın lütfen
Silsemihkecec@gmail.com
Silbaşkan ben bunun ayarları ile nasıl oynayabilirim mesela ben boyutunu telefoda 200 yabmak istiyorum yükseklik olarak bilgisayarda da 400 ama olmadı?
SilKodlar içerisindeki height ve width değerlerini istediğiniz şekilde değiştireceksiniz.
SilVallahi bravo çok teşekkürler. Bayadır bu konu hakkında araştırma yapıyordum bu konuyu görünce bir denemek istedim ve sonuç muhteşem
SilRica ederim. Faydalı olduysam ne mutlu.
Silsüpersin kardeşim eline sağlık
SilYorumunuz için teşekkürler.
SilÇok işime yarayacak bir kod, teşekkür ederim
SilRica ederim. Yorumunuz için teşekkürler.
Sil