Makalelerinize video eklediğinizde hem video eklediğiniz için hem de kullanıcıların sitede durma süresi artabileceği için arama motoru tarafında avantajlı duruma geçersiniz. Video eklentisinin kurulumundan bahsettik, fakat bu yöntem bazen site hızını kötü anlamda etkileyebilir. Tek bir sayfaya video eklemek yalnızca o sayfanın hız performansını kötü etkiler. Sidebar gibi hemen hemen her sayfada görünen bir bölüme video eklediğinizde ise tüm sayfalar etkilenmiş olur. İlla video ekleyeceğim diyorsanız, video yerine resim kullanın ve resimden videoya bağlantı verin. Eğer arama motorlarında yükselme gibi bir kaygınız yoksa sitenizin her yerine video ekleyebilirsiniz.
İlginizi Çekebilir: Blogger Hit Arttırma Yöntemleri Nelerdir?
Blogger Video Ekleme Nasıl Yapılır?
Blogger son yıllarda tasarım ve yapı olarak çok fazla değişiklik geçirdiğinden insanların alışkanlıkları da değişmiş oldu. En tecrübeli insanlar bile Blogger video ekleme gibi konularda sıkıntı yaşar oldular.
Bu rehber yazımızda yayına yani makalelerinize, sayfalarınıza ve eklentilere video eklemeyi maddeler halinde anlattık. Yukarıda bahsettiğimiz gibi "Oluşturma Görünümü" ile video eklendiğinde mobil uyumlu olmuyor veya video bazı ekranlarda küçük/büyük kalabiliyor. Biz bu durumu kendimiz yaşadığımız için çözümü aradık ve basit bir şekilde bulduk. En son alt başlıkta HTML kısmından videoyu responsive yapmayı anlatıyoruz.
Yayına veya Sayfaya Video Ekleme
- Bloggera pratik bir şekilde video eklemek için yayına veya sayfaya tıklayın.
- Yayınızın/sayfanızın içerisinde video eklemek istediğiniz yeri fare imleci ile belirleyin ve tıklayın.
- Daha sonra üst tarafta yer alan araç çubuğundaki "Video ekle" simgesine tıklayın.
- Eğer bilgisayarınızdan direkt video eklemek isterseniz "Bilgisayardan yükle" seçeneğine tıklayın.
- Açılan pencereden "Yüklenecek videoyu seçin" butonuna tıklayın. Videonuzu seçin ve yükleme işlemini başlatın.
- Youtube video bağlantısı ile Blogger video ekleme işlemi yapmak isterseniz, "Video Ekle" simgesine tıkladıktan sonra "YouTube" seçeneğine tıklayın.
- Kendi hesabınızdan video eklemek isterseniz "Yüklemeler" sekmesinden videoyu seçebilirsiniz.
- Bağlantı veya video başlığı ile Youtube videosu eklemek isterseniz "Arama" sekmesinde yer alan arama kutucuğunu kullanın.
Video Eklentisi
Blogger eklentiler(gadget) bölümüne video eklemek için en pratik yöntem Youtube embed kodunu kullanmaktır. Bunun için aşağıdaki adımları takip edin.
- Youtube embed kodunu elde etmek için Youtube.com üzerinden videonuza girin.
- Videonuzun sağ alt köşedeki "Paylaş" butonuna tıklayın.
- Açılan kutucuktan "Yerleştir" butonuna tıklayın.
- Karşınıza çıkan kodun tamamını kopyalayın.
- Ardından Blogger.com'a geçiş yapın ve "Düzen" sekmesine tıklayın.
- Eklentiyi kurmak için istediğiniz bölümdeki "Gadget Ekle" butonuna tıklayın.
- Açılan eklentiler penceresinden "HTML/JavaScript" eklentisi ekleyin.
- Daha sonra eklenti başlığınızı girin ve sonra "İçerik" kısmına kopyaladığınız embed kodunu yapıştırın. Kodu yapıştırdıktan sonra "Kaydet" butonuna tıklayın.
İlginizi Çekebilir: Blogger Favicon Ekleme ve Değiştirme
Blogger'a Youtube Videosunu Embed Olarak Ekleme
Yayına veya sayfaya Blogger video ekleme işlemi için video eklentisindekine benzer bir yol izlemeniz gerekir.
- Eklemek istediğiniz Youtube videosunu Youtube.com üzerinden açın.
- Videonun altındaki "Paylaş" kısmına tıkladıktan sonra "Yerleştir" seçeneğine tıklayın.
- Açılan embed kod penceresinden tüm kodu seçin ve kopyalayın.
- Daha sonra video eklemek istediğiniz yayın veya sayfanıza girin.
- Ardından araçlar kısmının en sol kısmındaki kalem simgesine tıklayın. Seçeneklerden "HTML görünümü" seçeneğine tıklayın.
- Tıkladıktan sonra kopyalamış olduğunuz kodu uygun bir yere yapıştırın. Eğer kod bilginiz yoksa, tavsiyemiz en son satıra yapıştırmanızdır.
- Video embed kodunu ekledikten sonra aynı kalem simgesinden "Oluşturma görünümü" seçeneği ile eklediğiniz Youtube videosunu görebilirsiniz. Boşluk bırakarak veya ortalama yaparak videonuzu konumlandırabilirsiniz. Eğer videonun yazının sonunda olmasını istemiyorsanız videoyu seçin CTRL+C ile kopyalayın, daha sonra yazıda istediğiniz bir yere CTRL+V ile yapıştırın.
Youtube Videosu Responsive Görünüm Sağlama
Embed kodda hiçbir değişiklik yapmadan, sadece basit bir HTML ve CSS düzenlemesi ile Youtube videolarını responsive yapabilirsiniz. Bu kod ile videolar bulunduğu alanda %100 genişliğe sahip oluyor. Sayfa veya yayınların genişlikleri veya sidebar'ın genişliği genellikle sabit olduğu için bu kod neredeyse tüm Blogger sitelerde işe yarıyor. Eğer görünüm sorunlu ise basit düzenlemeler ile sitenize bu kodu uyarlayabilirsiniz.Temanızın CSS bölümüne ekleyin;
.embed-youtube {position: relative;padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */padding-top: 30px;height: 0;overflow: hidden;}.embed-youtube iframe,.embed-youtube object,.embed-youtube embed {border: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
Kopyaladığınız Iframe kodu bu div'in içine yapıştırın;
<div class="embed-youtube">Youtube embed/iframe kodunun yapıştırılacağı alan</div>
Bu HTML kodunu yukarıda anlattığımız şekilde isterseniz yazılarınıza, sayfalarınıza veya video etiketlerine uygulayın. Önemli olan bu CSS kodunun tema içerisine yerleştirilmesi ve iframe kodunun bu div içerisinde yer almasıdır.
İlginizi Çekebilir: Blogger ile Para Kazanılır Mı?
Blogger video ekleme işlemini detaylı olarak anlatmaya çalıştık. Bu konuda takıldığınız herhangi bir kısım olursa yorumlar kısmında sorununuzu anlatmaktan çekinmeyin.