Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

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

Transparan arka plan resim eklentisi

Dinamik Blogger yazarlarının kullanabileceği sidebar bağlantı linkleri ve yazı gövdesinin açık gri ton renkli arka plan resim görünümü...

...
Dinamik Blogger  Css Transparan arka plan resim eklentisi
Dinamik Blogger yazarlarının kullanabileceği sidebar bağlantı linkleri ve yazı gövdesinin açık gri ton renkli arka plan resim görünümünü doğrusal meyilli (linear gradient to bottom) gösteren transparan CSS eklentisi. Dinamik Blogger’un mevcut beyaz renkleri yerine kullanabileceğiniz persfektif görünümlü transparan arka plan resim eklentisini şablon kodlarına ekleyerek blogunuzun görünümünü değiştirebilirsiniz. Blogger şablonda zaman zaman yapacağınız küçük tema değişimleri neden gereklidir ?
Blog’unuzda Adsense reklamı kullanıyor iseniz, blog şablonunuzda yapacağınız küçük değişimler Adsense reklam görüntü döngüsünü değiştirecektir. Ayrıca blog’unuzu devamlı takip eden okuyucularınızın aynı şablonunuzu görmesini engelleyerek sıkılmadan sanki farklı bir blogda gezindiği duygusunu yaratabilirsiniz. Bunun sonucunda blog'unuzu devamlı takip eden veya yeni takibe alan okuyucularınız sıkılmadan diğer yazılarınızı da ilgi ile okuyacaklardır. Arama motorları (SEO) farklı davranış sergileyen siteleri çok severler. Tabiy ki bu farklılığı çok fazla abartmamak gerekir.
Bizde bir farklılık olsun diye şablon kodlarımıza ekleyeceğimiz küçük bir CSS kodu ile temamızı özelleştireceğiz.

Transparan arka plan resimli Css eklentimiz için ;

1. Blogger paneline giriş yapın.
2. Şablon → Özelleştir → Gelişmiş → Css ekle penceresine aşağıdaki kodu ekleyin.
3. Sağa dönük kulaklı parantezden ( } ) sonra enter çekin ve blog’unuzu kaydedin.
Şu anda blog’umda gördüğünüz eklentiden biraz daha farklı bir görsele sahip olun.
Transparan arka plan Css eklenti kod’u :
/* G59P Tema transparan arka plan yazı gövdesi): */
body.sidebar, #sidebar .items{
background:url('https://lh6.googleusercontent.com/-WQkyYiZdAT8/U7VyLhhVZ5I/AAAAAAAAZ8s/tNZAexe9KwU/w1044-h223-no/yaz%25C4%25B1arkaplan.png'), linear-gradient(to bottom, rgb(255,255,255) 15%,rgb(213,217,222) 90%);
background-attachment: fixed !important;
background-size: contain !important;
background-position: center bottom 89px !important;
background-repeat:no-repeat !important;
background-color: rgb(213, 217, 222) !important;
}
Canlı demosunu test blog’umdan inceleyebilirsiniz. Not: Şu anda incelediğiniz blog test blog’u olduğundan zaman zaman görüntünün değişebileceğini hatırlatmak isterim.

Hiç yorum yok

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.