Blogger şablon yapısını incelemeye başladığımız ilk yazımızda ve tagı arasında kalan kodlarımızdan sonra şimdide bir şablondaki en önemli diğer kodlardan biri olan kodunu inceliyoruz.
body blog’uğunuzda yada sitenizde oluşturduğunuz tüm bölümleri yerleştirmeniz gereken bölüm blog’uğunuzun HTML’yi düzenle bölümünü açtığınızda ile başlayıp ile biten bölümde bir çok HTML kodu ile birlikte javascrip(json),blogger’ın özel kodları ve bazen de CSS kodları bulunabiliyor.
Bu bölümler her şablonda değişiklik gösterebiliyor.
Bizi bu bölümde ilgilendiren header(blog başlığı) ,Main wrapper(yazıların geldiği bölüm) veya side barı (kenar çubuğunu) gibi oluşturmamızı sağlayan HTML kodları .
Bir HTML belgesinde standart bazı kurallar vardır bu kuralları bilirseniz konuları anlamanız daha da kolaylaşacaktır.
- Tarayıcılar, HTML kodlarını yorumlarken etiketler(tag) arasındaki boşlukları dikkate almaz Ama sizin kodları kolay okuyabilmeniz için gerektiğinde satır atlamanız ve boşluk kullanmanız faydalı olacaktır.
HTML dilinde bütün iflaretlemeler şeklinde başlar ve ile biter. HTML’deki bu komutlara “etiket” (tag) adı verilir.
HTML’de bağlantı oluşturmak divler ve claslarla bölümler oluşturmak.
bir html belgesinde dikkat ederseniz html belgesi diyorum çünkü biz HTML’i bloggerda sadece şablonumuzu düzenlerken kullanmıyoruz yazı yazrken,blog’uğunuza bir gadget eklerken veya her hangi bir blog’a yorum yaparken kullanabileceğiniz bazı temel öeğeleri bulunmakta.
şimdi her hangi bir sayfaya,resime veya dosyaya bir bağlantıyı nasıl oluşturabileceğimize bakalım.
bağlantılar tagı ile başlayıp tagı ile kapanır bu tagın içerisine her hangi bir sayfaya bağlantı oluşturmak istersek örneğin kendi blog’uğuma bir bağlantı oluşturuyorum.
bu bağlantıya target=”_blank” değeri ekleyerek sayfanın farklı bir pencerde de açılmasını sağlayabilirim.
ayrıca bunun gibi bir kaç bağlantıyı kullanmak istersem bunu bir menü haline getirebilirim.
tabi daha sonra bu menünün görüntüsünü ayarlayabilmek için CSS kodları kullanmam gerekir.
div kullanımı bir belgede çeşitli bölümler oluşturmanın en elverişli ve kullanışı yöntemir.
örneğin iki bölümden oluşan bir HTML belgesi oluşturalım.
ilk bölümün solda görünmesini istiyorum ve hemen yanında ikinci bölümün yer almasını istiyorum.
istediğim şekilde ilk bölümün solda yer alması ve arka planın kırmızı renkte görünebilmesi için css kodlarından yararlanacağım ve bu kodları da direk HTML kodlarına gömeceğim.
CSS kodlarını eklerken style=” ” etiketinden yararlandım ve bu bölümü içerisine
float:left; diyerek sola yaslanmasını sağladım.
width:380px; diyerek genişliğini ayarladım.
height:100px; diyerek yüksekliğini ayarladım
background:#ff0000; diyerek te arka planın kırmızı olmasını sağladım
diğer bölümün kodları da şu şekilde
ve sonuç:
0 yorum:
Yorum Gönder