Blogger Durum Mesajı Bloğunu Düzenleme

Bloggerda etiketle alakalı yazıların bukunduğu bağlantı açıldığında ya da arama sonuçlarında 'Etiketine sahip kayıtlar gösteriliyor.Tüm kayıtları göster' yazısının bulunduğu kutucuk vardır.Durum mesajının yazdığı bu kutucuğu kendi zevkinize göre düzenlemek için yapmanız gereken son derece basit 2 adım var.Durum kutucuğunu değiştirmek ve düzenlemek için ;

Yerleşim 'Html'yi Düzenle' yi açtıktan sonra Widget Şablonlarını Genişlet kutucuğunu işaretleyerek ctrl+f ile şablonunuzda;

]]></b:skin>

kodunu bulun.

Kodu bulduktan sonra bu kodun hemen üstüne ;

.status-msg-wrap {
width:90%;
padding:5px;
}
.status-msg-body {
font-size:80%;
text-align:left;
padding:5px 5px 5px 30px;
width:auto;
}
.status-msg-border {
border:1px solid #a19a36;
opacity:1;
}
.status-msg-bg {
background: #FFF9B3 url(http://img3.imageshack.us/img3/2228/gnomestatus5b25d.png) center left no-repeat;
opacity:1;
}

kodunu yapıştırın.



Görüntüler BloggerDestek ten alınmıştır.

Peki bu görünümü kendime göre düzenleyebilir miyim?

Elbette bu kutucuğun görünümünü kendi zevk ve keyfinize göre düzenlemeniz mümkün.

1-Kenarlığı Düzenleme

Eklediğiniz koddaki; border:1px solid #a19a36; kısmını kullanarak Kenarlığı düzenleyebilirsiniz.1px kısmını 2px veya 3px yaparsanız kenarlık kalınlaşacaktır.Eğer solid kısmını dotted olarak değiştirirseniz kenarlığın kesik çizgilerden oluşmasını sağlayabilirsiniz.Ve #a19a36 yerine de istediğiniz renk kodunu ekleyerek kenarlığın rengini değiştirebilirsiniz.

2-Arkaplan Rengini Değiştirme

Eklediğiniz koddaki background: #FFF9B3(http://img3.imageshack.us/img3/2228/gnomestatus5b25d.png)center left no-repeat; bölümünün baş kısmındaki #FFF9B3 kodunu istediğiniz renk kodu ile değiştirerek durum mesaj kutucuğunuzun arkaplan rengini değiştirebilirsiniz.


3-Sol Tarafta Bulunan Küçük Resim

Yine eğlediğiniz koddaki background: #FFF9B3 url(http://img3.imageshack.us/img3/2228/gnomestatus5b25d.png) center left no-repeat; bölümünün yukarıdaki renkli kısmındaki link yerine kendi resminizin linkini koyarsanız baştaki resim linkini koyduğunuz resimle değişir.Eğer eklediğiniz resim normalde bulunan resimden büyükse koddaki padding:5px 5px 5px 30px; bölümünün 30px; değerini büyütmeniz gerekir.

Renk Kodlarını Almak İçin
Tıklayın