Bir Blogger şablonu (teması), dışarıdan bakıldığında sıradan bir HTML/CSS sayfası gibi görünse de, arka planda Google'ın kendi sunucularıyla haberleşmesini sağlayan özel bir XML yapısına sahiptir. Başarılı bir web geliştiricisi veya blogger olmak, bu şablonun iskeletini iyi tanımaktan geçer.
İşte bir Blogger şablonunun temel bölümleri ve adım adım işlevleri:
Adım Adım Blogger Şablon Yapısı
1. XML Beyanı ve Kök Etiketi (<html>)
Her şablon, tarayıcıya ve Blogger motoruna bunun bir XML belgesi olduğunu belirten kodlarla başlar. Standart HTML yapısından farklı olarak, Blogger'a özgü ad alanları (namespaces) bu bölümde tanımlanır.
İşlevi: Temadaki dinamik verilerin (
data:postgibi) çalışabilmesi için gerekli kütüphaneleri çağırır.
2. Üst Bilgi Bölümü (<head>)
Sitenin tarayıcılar ve arama motorları tarafından okunan görünmez ama en kritik kısmıdır.
Meta Etiketleri: SEO ayarları, site açıklaması ve anahtar kelimeler burada yer alır.
CSS ve Stil Alanları: Sitenin görsel tasarımını belirleyen
<b:skin>ve<b:template-skin>etiketleri bu bölümdedir. Blogger paneline entegre olan renk ve yazı tipi değiştirme kodları da bu alana yazılır.
3. Ana Gövde Yapısı (<body>)
Sitenizin ziyaretçiler tarafından görünen tüm görsel bölümlerini barındıran ana çatıdır. Blogger şablonlarında body içi, esnek yerleşim alanları oluşturmak için özel bölümlere ve widget'lara ayrılır.
4. Bölümler (<b:section>)
Şablonun yerleşim (düzen) yönetimini oluşturan ana kapsayıcılardır. Blogger panelindeki "Yerleşim" kısmında gördüğünüz her bir kutu (Header, Sidebar, Footer gibi) birer b:section etiketidir.
Özelliği: İçerisinde en az bir adet widget barındırmak zorundadır ve doğrudan ham HTML kodları içeremez.
5. Bileşenler / Araçlar (<b:widget>)
Bölümlerin (b:section) içerisine yerleştirilen, sitenin işlevsel organlarıdır. Blog postları, popüler yayınlar, etiket bulutu veya özel HTML/JavaScript alanları birer widget'tır.
İşlevi: Veritabanından dinamik içerik çekerek sayfada listelemeyi sağlar.
6. Alt Bilgi Bölümü (<footer>)
Sayfanın en altında yer alan, genellikle telif hakları, sitenin kısa bir açıklaması veya sosyal medya bağlantılarının yer aldığı bölümdür. Tıpkı header gibi bir b:section alanı olarak tasarlanır.
Blogger Şablon Yapısı, Blogger XML Kodları, Blog Teması Tasarımı
Konu İle İlgili Alternatif Başlıklar
Blogger Tema Düzenleme Nasıl Yapılır?
Sıfırdan Blogger Şablonu Oluşturma Rehberi
Blogger XML Yapısı ve b:section Kullanımı
Blog Tasarımında Dikkat Edilmesi Gereken Temel Alanlar
Blogger Yerleşim Paneli ve Widget Yönetimi
Konu İle İlgili Anahtar Kelimeler
blogger tema kodları, xml şablon yapısı, blogger seo ayarları, blog tasarımı, b:widget kullanımı, blogger css ekleme, yerleşim şablonu, html gövde yapısı, blogger tema düzenleme, web geliştirme,