6.9.13

Blog Öğreticileri#3: Ortancalar

Çeşitli nedenlerden dolatı tasarımın düzenini bozan blog başlıkları, kayıt başlıkları, yayın tarihi ve sidebar (gadget) başlıkları hep canımızı sıkar değil mi? işte bu dersimizde bu özellikleri nasıl ortalayacağımızı veya sağa hizalayacağımızı göstereceğim.

ilk önce bilmeniz gereken şu ki: 

left: sol
center: orta
right: sağ

Evet, derse başlamaya hazırız.
İlk önce Blogger Kumanda Paneli > Şablon > Html Düzenle deyip çıkan kodların arasına bir kez tıkladıktan sonra "Ctrl" ve "f" (Ctrl+F) tuşlarına aynı anda basıyoruz.
Yine kodların sağ üst köşesinde çıkan kutuya aşağıdaki kodu yazarak "Enter" tuşuna basıyoruz.

]]></b:skin>

Bundan sonra vereceğim kodları hemen bu kodun üzerine ekleyeceksiniz.


Header Ortalama


#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;} 

Header altındaki Menüyü Ortalama

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Post (Kayıt Başlığı) Ortalama

.post-title {
text-align: center;
}

Post (Kayıt Başlığı) Tarihi Ortalama

.date-header {
text-align: center;
}

Sidebar (Gadget Başlığı) Ortalama

.sidebar h2{
text-align: center;
}

Not 1: Eğer ortalamak yerine sağa hizalamak isterseniz kod içerindeki "center" yerine "right" yazınız.

Not 2: Eğer bir Html Kodu veya yazıyı ortalamak isterseniz şu kodu kullanabilirsiniz: 

<center> Buraya Kod veya yazı gelecek. <center/>

2 yorum: