Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

Tümünü Görüntüle

Blogger'a CSS Kod ile Arka Plan Resmi Nasıl Eklenir ?

Blogger , blog’unuza arka plan resmi eklediğiniz halde görülmüyor, kodlar arasında gezinmekten çekiniyor musunuz ? Basit bir CSS kodu ek...

...
CSS Kodu ile Arka Plan Resmi Ekle
Blogger, blog’unuza arka plan resmi eklediğiniz halde görülmüyor, kodlar arasında gezinmekten çekiniyor musunuz ? Basit bir CSS kodu ekleyerek arka plan resminizin görülmesini sağlayabilirsiniz. Ekleyeceğiniz CSS kodunu istediğiniz zaman silebilir, resim linkini değiştirebilir veya Blogger arka plan resmi çalışmaya başladığınızda mevcut resimleri kullanabilirsiniz. Uzun zamandır Klasik Blogger şablon tasarımcısında bulunan hazır resimleri kullanmaktayız. Son zamanlarda artık birçok arkadaşımız arka plan resimlerini kullanamaz duruma geldi.
Arka plan resimleri ile ilgili konu başlıkları ;
Blog’unuza arka plan resmi eklemeden önce nasıl görüleceğini kontrol edin.


Arka plan uygulaması hakkında ;
→ Arka plan resmini CSS kodu ile eklediğiniz de eski stil geçersiz olur. Blogger resimleri çalışmaya başladığında CSS kodunu silip yeni görselleri kullanmaya başlayabilirsiniz.
→ Blog’unuz şablon tasarımcı arka plana eklediğiniz çalışmayan resmi kaldırın. Her ne kadar resim çıkmasada arka kısımda bir fon olarak görülecektir.
Arka plan resmi büyük olmalıdır. Örnek : 1000x900 px, 1600x1800 px. gibi
→ Resminizi daha da sıkıştırmak isterseniz yukarıda “Blogger arka plan resmini kendin hazırla” yazımı inceleyerek gerekli özelleştirmeyi yapabilirsiniz.
→ Ekleyeceğimiz CSS kod’u resminize tam sayfa arka plan özelliği ekleyecektir.
Blogger arka plan CSS kodu ;
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;
}
CSS  Kod Özelleştirme :
→ Yukarıdaki kod'u CSS penceresine ekleyin. Kod içindeki ( resim.jpg ) "parantez yok" resim linkinizi yapıştırın.
CSS Kodun Blogger şablona eklenlemesi ;
1. Blogger kumanda paneline giriş yapın.
2. Şablon sekmesini seçin.
3. Özelleştir → Gelişmiş → CSS Ekle tıklayın.
4. Yukarıdaki kodu yapıştırın, resim linkinizi ekleyin ve blogu kaydedin.
5. Ctrl+F5 ile önbelleği yenileyin.
CSS kod içinde bulunan resim linkini istediğiniz zaman değiştirip kullanabilirsiniz.

Hiç yorum yok

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.