Blog'da Videoları Mobil Uyumlu Hale Getirme

Reklam

Blog'da Videoları Mobil Uyumlu Hale Getirme

Bir çoğumuz blogumuzda Youtube videolarını kullanırız ancak bu bazen istediğimiz gibi olmayabiliyor. Bazı video boyutları büyük yani geniş yada küçük oluyor. Teknolojinin bize verdiği imkanlardan faydalanırız ve videolar falan her işimizi buradan yapar hale geldik. Blogumuza videolar koyduktan sonra mobil cihazlarda pek güzel durmuyor bazen ekranın yarısını kaplıyor bazen çok küçük bir video oluyor. Peki bunu otomatik olarak nasıl yaparız aslında çok basit nasılmı?
  • 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.
  • Kodların Tamamını Kopyalamak İçin Tıklayı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ütün bu işlemleri doğru bir şekilde yaparsak işlemimiz hallolmuş olcaktır.