Blogger Tema (Şablon) Bölümleri Nelerden Oluşur ?
Blogger aynı diğer web siteleri gibi temel düzendeki bölümlerden oluşur. Bu bölümler isteğe göre özelleştirilebilir.#outer-wrapper : Dış Bölüm
#header-wrapper : Başlık alanı
#main-wrapper : Ana alan
#sidebar-wrapper : Kenar çubuğu
#main-wrapper : Ana alan
#sidebar-wrapper : Kenar çubuğu
#footer-wrapper : Alt bilgi alanı
Html sayfaların bölümlerini ise tag (etiket) lerden oluşur.
Başlıca taglar :
<html> ... </html>
Html kodlarımız bu iki etiketin arasına yazılır.
<head> ... </head> : Baş , üst
Sayfamız hakkında bilgilerin bulunduğu bir etikettir. Örneğin sayfamızın başlık bilgisinin bulunduğu title etiketi ya da arama motorlarına bilgi sağlamak için oluşturulan meta etiketi bu etiketin yorum alanında tanımlanır. Bu alana CSS kodlarını veya Javascript kodlarını yazabiliriz. Bu kod arasına yazılan diğer kodlar tarayıcı tarafından işlenir fakat sayfaya yansımaz.
<b:skin> ... </b:skin> : Cilt
Blogumuzun fiziksel yapısının oluşturan CSS kodlarını barındırır.
<body> ... </body> : Gövde, vücut
<body> ... </body> : Gövde, vücut
Geniş içerikli bir etikettir. Html kodu ile birlikte Javascript , blogger’ın özel kodları ve bazen de CSS kodlarını barındırır.
<b:section> ... </b:section> : Bölüm
<hx> ... </hx> :
Bu etiketler basit olarak bir başlık kullanmak istediğimiz zaman, başlığı yazmak için kullanılan etikettir. Etiketin kullanımında “Hx” ifadesindeki “x” 1 ile 6 arasında değerler alabilen bir tamsayıdır. Bu etiket ile ekrana basılabilecek en büyük boyutlu yazı <H1> etiketi ile, en küçük boyutlu yazı <H6> etiketi ile basılır.
Bu kodun arasında widgetleriniz bulunur
Bu etiketler basit olarak bir başlık kullanmak istediğimiz zaman, başlığı yazmak için kullanılan etikettir. Etiketin kullanımında “Hx” ifadesindeki “x” 1 ile 6 arasında değerler alabilen bir tamsayıdır. Bu etiket ile ekrana basılabilecek en büyük boyutlu yazı <H1> etiketi ile, en küçük boyutlu yazı <H6> etiketi ile basılır.
<div> ... </div> : Bölüm, kısım
Arasına yazılan kodlara sitil vermek için kullanılır.
<a> ... </a> :
Bağlantıların bulunduğu taglardır.
<title> ... </title> : Başlık
Sayfamızın başlık bilgisi bu etiket altında yer alır. Bu etiket head etiketi içinde kullanılmak zorundadır.
<title> ... </title> : Başlık
Sayfamızın başlık bilgisi bu etiket altında yer alır. Bu etiket head etiketi içinde kullanılmak zorundadır.
Belirli verileri veritabanından şablonumuza çağırmak için kullanılır.
Blogger HTML (CSS, JS) Kodları Nereye Eklenir ?
Blogger Tema Kod Dizilimi şu şekildedir.
<!DOCTYPE html>
<head>
<b:skin>
CSS]]></b:skin>
</head>
<body>
<b:section>
WIDGET</b:section>
</body>
</html>
Blogger CSS kodları <style>... </style> arasındaysa </head> etiketinden önce eklenir.
Blogger CSS kodları açık şekildeyse ]] ></b:skin> etiketinden önce eklenir.
Blogger Script kodları <script>...</script> arasındaysa </body> etiketinden önce eklenir.
Blogger Widget (Gadget) <b:section>...</b:section> arasına eklenir.
CSS Kodlarının Çalıştırılması :
<style type="text/css"> veya <style>
CSS Kodlarının bulunduğu alan
</style>
Script Kodlarının Çalıştırılması:
<script type="text/javascript"> veya <script>
JS Kodlarının bulunduğu alan
</script>
NOT: Blogger Python ile kodlanmış HTML ve CSS özelliklerinde çalışır. Yani içinde HTML, CSS ve .JS kodları ile çalışma yapabilirsiniz.
HTML panelinde arama yapmak için Ctrl+f kısa yolu ile Search: özelliğini açabilir. Ctrl+Shift+f ile toplu değişiklikler yapacağınız Replace: alanını açabilirsiniz.
Panel; Büyük / küçük karakterlere duyarlıdır ama küçük harf, büyük harfi niteler.
What are Blogger Theme Sections
YanıtlaSil