18 Haziran 2009 Perşembe

1. Blogger/Blogspot Tema Yapısı

Önceki yazımızda (Blogger/Blogspot Tema Yapıyoruz), tema yapma konusunda genel bir giriş yapmıştık. Bu yazımızla beraber yavaş yavaş tema yapmaya başlayacağız.

Blogger tema yapmaya başlamadan önce temanızın yapısı hakkında bilgi sahibi olmanız gerekiyor. Böylece temanızın hangi temeller üzerinde yükseleceğini bileceksiniz, temanızı daha iyi tanıyacaksınız.

Evet, başlıyoruz

kendiBloggerTemaniyap

 

1. Body:  Bilgisayar ekranının kapladığı bütün alan Body olarak adlandırılır. Body,  temanın içindeki ve dışındaki her şeyi kapsar

2. Outer – Wrapper: Bütün temanızın kapsadığı alandır. Temayı outer-wrapper içine inşa ederiz.

3. Header: Temamızın en üst kısmındaki alandır. Header’ın içinde alt bloklardan oluşan bölümler de vardır.

Örneğin: Header Title Blok, Adsense Banner, Menu Bar gibi.

4. Content:  Header’ın hemen altında yer alan temanın en önemli Container bloklarından bir tanesidir. Bu wrapperın içinde sidebar container, main container gibi temel elemanlar vardır.

5. Footer: Temanın en alt kısmında yer alan bölümdür.

6. Main: Contet Wrapper’ın  içinde yer alır ve Post block, Data Header Block, Comment Block gibi eklentiler içerir.

7. Sidebar: Temamızı çevreleyen gadgetlardır. Hakkımda, Etiketler, Arşiv gibi.

8. Blog Post: Yazı başlığı, Yazarlar, Yazılar, Etiketler gibi blokları içeren yapıdır.

 

Genel Blogger / Blogspot Tema İskeleti

· Body

        Outer-wrapper
           Header-wrapper
                          Blog Title Blog
                          Description
                          Widgets
           Content-wrapper
                          Sidebar-wrapper (1,2,3...)
                           Main-wrapper
          Date Header Posts
                            Post Title
                             Post Content (or called Post Body)
                              Post Footer
                            (Author, Labels, etc)
                Comments
               Feed Link
               Other widgets (mostly ad units)
              Footer-wrapper
                           Footer text (disclaimer, copyrights, etc)
                            Widgets
Bu temel yapıyı anladıktan sonra, bizim için tema dizayn etmek daha kolay olacaktır. Bu arada Blogger tema yapısını öğrenmek HTML veya CSS öğrenmek anlamına gelmemekle beraber bu yazı dizisini bitirdikten sonra özgün temalar yapabilecek ve kendi temalarınızı istediğiniz şekilde organize edebileceksiniz.

2 yorum:

  1. Bu temel yapıyı anladıktan sonra, bizim için tema dizayn etmek daha kolay olacaktır. Bu arada Blogger tema yapısını öğrenmek HTML veya CSS öğrenmek anlamına gelmemekle beraber bu yazı dizisini bitirdikten sonra özgün temalar yapabilecek ve kendi temalarınızı istediğiniz şekilde organize edebileceksiniz.

    YanıtlaSil
  2. Buypasa.com ‘da online mağaza açmak çok kolay ve ücretsizdir.

    YanıtlaSil