Blogger Yazı Başlıklarını Özelleştirme

| |

Bu yazımda Blogger kullanıcıları için ufak bir css ipucu vereceğim. Blogunuz da yayınladığınız yazıların başlıklarını istediğiniz gibi özelleştirebilirsiniz. Tamamını büyük harf - küçük harf veya sadece ilk harflerinin büyük olmasını sağlayabilirsiniz. Bu işlemleri nasıl mı yapacağız? Aşama aşama anlatayım o zaman!..

İlk olarak bloğunuzda Css kodlarınız arasında yazı başlığı ile ilgili kod bölümünü tespit etmeniz gerekmektedir. Nasıl mı tespit edeceğiz diye sorarsanız bunun bir kaç değişik yöntemi var. Genellikle temalarda yazı başlığı ile ilgili Css kodu aşağıdaki kod öbekleri gibi oluyor;



.post h2 {
font-family: Arial, Georgia, Sans-serif;
font-size: 16px;
margin:0 5px;
text-align:left;

.post .title {
height: 42px;
padding: 8px 0 0 20px;
letter-spacing: -.5px;
color: #8AB52B;


Eğer blog temanızda bunlara benzer bir kod öbeği yoksa h1, h2, h3 kodlarını arayabilirsiniz. Neden derseniz başlık yazıları bu kodlar ile belirleniyor. Blogger için çevirdiğim bir Css temasında ne yazık ki yukarıda verdiğim bölümler yoktu, daha doğrusu burada anlattığım harf düzenini tema kodlarında uygulayamıyordum benimde aklıma yazı başlığının hangi heading kodunu kullandığı geldi ve o kodu bulup ufak bir ekleme ile istediğim değişikliği yaptım;

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
font-weight: Bold;
padding: 10px;
color: #444;
}
h1 {
font-size: 2.9em;
}
h2 {
font-size: 2.5em;
color: #88AC0B;
}
h3 {
font-size: 1.6em;
font-weight: normal;
padding: 16px 10px 4px 10px;
}


Yukarıda görülen kod öbeğinde benim değişiklik yapacağım bölüm h2 öbeği…

"LOREM IPSUM DOLOR SIT AMET" örneğindeki gibi yazı başlıklarınızın tamamının büyük harf olmasını istiyorsanız.

text-transform:uppercase

"lorem ipsum dolor sit amet" örneğindeki gibi yazı başlıklarınızın tamamının küçük harf olmasını istiyorsanız

text-transform:lowercase

"Lorem Ipsum Dolor Sit Amet" örneğindeki gibi yazı başlıklarınızda ki sözcüklerin sadece ilk harflerinin büyük harf olmasını istiyorsanız.

text-transform:capitalize

değerlerini atamalısınız. Bu değeri atadıktan sonra kod öbeğiniz aşağıdaki gibi olacaktır.

Örnek : Yazı başlığındaki sözcüklerin sadece ilk harfi büyük olması için kod öbeğimiz;

.post h2 {
font-family: Arial, Georgia, Sans-serif;
font-size: 16px;
margin:0 5px;
text-align:left;
text-transform:capitalize
veya
h2 {
font-size: 2.5em;
color: #88AC0B;
text-transform:capitalize
}


Not : Bu yazı Blog Dergisi eylül sayısı için hazırlanmıştır. Blog Dergisi bu ay dopdoplu bir içerikle okuyucularının beğenisine sunulmuştur. Okumanız önemle tavsiye olunur.

Bilgi için : Blog Dergisi Birinci Sayı, İkinci Sayı