18 Temmuz 2009 Cumartesi

3. CSS Yapısı (Blogger/Blogspot)

Blogger temalarının CSS yapıları birbirine benzeyebileceği gibi, temayı yapan kişiler kendi kişisel isteklerine göre temaya şekil verebilirler. Bu yazımızda kendi temanız özerinde değişiklik yapabileceğiniz basite css yapılarından bahsedeceğim.

Genel olarak baktığımızda blogger temaları 9 farklı CSS alt bölümünde oluşur:

 

1. Variable: Bu alt bölüm yerleşimde ortaya çıkan Font, Renkler gibi alanların bir bakıma açıklamasıdır. Örneğin Yazı rengi, Yazı fontu.

2. Global: Outer wrapper, Content wrapper’ın yer aldığı bölümdür. Burada bütün kodlar (…) işaretiyle şekillendirilir. Temanın Body kısmının temal özellikleri (yerleşim, genişlik) gibi burada şekillenir.

3. Header: Bütün Containerlerin düzenlemeleri bura yapılır. Ayrıca Blog başlığı, Blog tanımı da burada yapılır.

4. Main: Wrapper’daki bütün işlemler burada yapılır. Örneğin; Post, Yorum, Feed, Date gibi.

5. Sidebar: etiketler, Blog arşiv gibi özelliklerin kullanıldığı yerdir.

6. Miscellaneous: Profile, Blogquote gibi elementleri yer aldığı alandır.

7. Post-Footer: NickName, Etiketler, En yeni yazılar, En eski yazılar, gibi özelliklerin bulunduğu alandır.

8. Comments: Yorumların yer aldığı alandır.

9. Footer: En Yeni yazılar, Son Yorumlar,  Popüler yazılar gibi özelliklerin yer aldığı alandır.  Ayrıca Footer’i Sidebar gibi de düşünebilirsiniz.

Böylece, Blogger CSS yapısının genel olarak özelliklerinden bahsetmiş olduk. Kendi temanızı düzenlerken bu bilgilere dikkat ederek düzenleme yapmak faydalı olacaktır.

1 yorum:

  1. Çok faydalı bilgiler, kendi temasını yapmak isteyenler için güzel bir kaynak, teşekkürler.

    YanıtlaSil