18 Mayıs 2011 Çarşamba

Blogger için Daha Dikkat Çekici Yorum Formu İletisi

Daha önce yazdığım Blogger İçin Yorum Formu İletisi Ayarı başlıklı yazımda Blogger’da yazılarınızın sonundaki yorum formunun hemen üstüne Yorum Kuralları gibi ileti koymayı anlatmıştım.Ancak bu iletinin yeteri kadar dikksat çekmediğini düşündüm ve bu iletiyi daha dikkat çekecek duruma getirmek için bir CSS kodu armaya başladım ve sonunda buldum.Bu CSS kodları ile yorum formu iletiniz aşağıdaki gibi görünecek:

Blogger yorum formu iletisini düzenleme

Nasıl? Bence yeterince dikkst çekici ve şık  görünüyor.Renkler ve dikkat ikonu hoşunuza gitmediyse onları da nasıl değiştireceğinizi anlatacağım.

 

Yorum formunun üzerinde resimdeki gibi yorum kuralları veya istediğiniz her hangi başka bir iletiyi nasıl yazacağınızı daha nce anlattığım için tekrar anlatmayacağım.Şimdi bu iletiyi yukarıdaki resimdeki gibi renklendirecek koflara geçelim…

Öncelikle Blogger şablonunuzdan aşağıdaki kodu bulun,

 

]]></b:skin>

 

ve bu kodun hemen üstüne aşağıdaki kodları ekleyerek şablonunuzu kaydedin.

 

.comment-form p { background-image:
url(http://s2.postimage.org/2cvmn5xes/alert_icon.gif)
; background-position: 1em 1em; background-repeat:
no-repeat; background-color: #FDD; width: 100%; border:
#C72B2C dashed thin; padding: 1em; padding-left: 70px;
color: #D24E50; }


Kodları Özelleştirmek

background-image: Dikkat ikonu
background-color: Arka plan rengi
width: İleti kutusunun genişliği
border: Çerçeve dekorasyonu
color: Kutu içindeki yazıların rengi

0 yorum:

Yorum Gönder