10.03.2015

Css Kodları ile Blog Sayfasını Özelleştirmek

Merhaba herkese:) Umarım haftanız çok güzel başlamıştır ve başladığı gibi devam edecektir. Daha önce blogger fotoğraflarında çerçeve ve gölgeyi kaldırmak ile ilgili css kodu paylaşmıştım ve blog sayfamda uyguladığım bazı kodları paylaşacağımı söylemiştim, işte bazıları:)
Uygulama için blogger kontrol panelinden  Şablon- Özelleştir- Gelişmiş- Css Ekle adımlarını izleyip kodları girmeniz yeterli. Kodları girerken bir kodu kopyalayıp yapıştırın ve kaydedin. Kaydettikten sonra diğer kodu girerken hemen alt satırına boşluk bırakmadan diğer kodu girin ve tekrar kayıt edin ve basitçe özelleştirdiğiniz sayfanızın keyfini çıkarın:)


 BLOG BAŞLIĞINI (HEADER) ORTALAMAK
 blogger başlığını ortalamak
#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}


KAYIT VE TARİH BAŞLIKLARINI ORTALAMAK
blogger header ortalamak
.post-title {
text-align:center;
}


.date-header {

text-align:center;
}



KAYIT VE TARİH BAŞLIĞI ARALIĞINI YAKINLAŞTIRMAK
blogger header ortalamak
h3.post-title { 
margin-top: -25px !important; 
}  

(Burada 25 rakam aralığını kendi istediğiniz aralığa göre değiştirebilirsiniz.)

Umarım işinize yarar ve faydalı olur. Daha önceki yazımda belirttiğim gibi tasarım konusunda uzman değilim, sadece kendi sayfamda uyguladığım kodları sizinle paylaşmak istedim. 

Hadi kolay gelsin o zaman:)