Blogger Arka Plan Resmi Şablon koduna Nasıl Eklenir ?

Posted by : Unknown 13 Mart 2014 Perşembe

Blogger ana sayfa görülmeyen arka plan resminizi, CSS kodları ile şablon Html’yi düzenleyi seçerek şablon kodlarınıza ekleyip arka plan resminizi görülür yapabilirsiniz. Birçok blogger yazarının en büyük sorunlarından biri haline gelen arka plan resminin görülmeyişi blog açılış (Pagespeed) hızını etkilemektedir. Okuyucunuz blogunuzu ilk açtığında tarayıcı arka plan resmini okumaya çalışır. Arka plan resmi olmayan bir blogda sonsuz ve tekrarlanan bir okuma gerçekleşir.Bu durum blog açılış hızını geçiktirdiği gibi okuyucu kaybına ve SOE hatalarına da neden olabilir. Google arama örümcekleri yazılarınızı indexlemek için sitenize geldiğinde açılışı geçiken bir site ile karşılaştığında yazılarınız indexlenmez.
Mobil veya masa üstü bilgisayarlarda açılmayan yazınız web yönetici araçlarında karşınıza 503 veya 404 hatalı URL olarak çıkacaktır. Bu nedenle tarayıcılarınızın güncel sürümünü kontrol ederek devamlı güncellemeli ve blog siteniz için arka plan resmini kullanmak zorundasınız. Arka plan resmi sitenizin görünümü için önemli olduğu kadar, hız ve tarayıcı uyumluluğu içinde gereklidir.

Yazımızın alt bölümde, Blogger arka plan resim ekleme seçenekleri hakkında yazı bağlantı linklerini göreceksiniz. Kullanım derecenize göre size en uygun olanı seçerek blogunuza kuruluma başlayabilirsiniz.

Blog’unuza arka plan resmi eklemeden önce nasıl görüleceğini kontrol edin.

Önizleme Demosu

Blogger Html şablon kodlarınıza ekleyeceğiniz arka plan resmi CSS Kodumuz ;

<style type="text/css">
html, body {
background: url('resim.jpg ') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
</style>

Arka plan resmi CSS kodunu eklemek için ;

1. Blogger kumanda pnaline giriş yapın.

2. Şablon → Html’yi düzenle ile şablon kodlarınız açın.

3. Aşağıdaki verilen kapanış kodunu CTRL+F ile aratın.Şablon açıkken bakarsanız görebilirsiniz.