3/13/2014

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

Blogger Arka Plan Resmi sorun ve çözümü
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.

NOT: Blog’unuza arka plan resmi eklemeden önce nasıl görüleceğini kontrol edin.
Blogger Şablon kodlarında yapılan yeniliklerden sonra aşağıda verilen kodlar bazı temalarda çalışmamaktadır. Bu neden ile BURADA verdiğim linkteki yazıyı okuyarak Blogger arka plan resminizi, Blogger özel tema veya varsayılan temanızda kullanabilirsiniz.
Ö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.

</head>
4. Kapanış kodunun hemen üstüne yukarıdaki kodu yapıştırın.
Arka plan resmi CSS kodu
5. Resim.jpg yazan yere eklemek istediğiniz arka plan resim linkini yapıştırın. Blog Şablon önizleme yapın ve kaydedin.

6. Ctrl+F5 ile önbelleği yenileyin.

CSS kod içinde bulunan resim linkini istediğiniz zaman değiştirip kullanabilirsiniz.

Blogger arka plan resmi ile İlgili konu başlıkları ;

Blogger arka plan resmi çalışmıyor çözüm ?
Blogger arka plan resmini kendin hazırla ?
Blogger resim linki nasıl alınır ?