Blogger Yorum Kutusu Özelleştirme

Bir sitenin en önemli bölümlerinden birisi yorumlar kısmıdır. Yorum kısmının bu kadar önemli olmasının sebebi, ziyaretçiler ile yazar arasında bir iletişim sahası olmasıdır. Yorum kutuları düzenli olur ve göze hitap ederse ziyaretçilerin dikkatini çekebilirsiniz.

Şimdi yorum kutumuzu özelleştirme işlemine başlayalım. Yorum kutuları en başta aşağıdaki gibi görünmektedir.

blogger yorum kutularının ilk hali

Blogger yorum kutusuna stil vermeye başlayalım. Yazacağımız kodlar CSS kodu. CSS kodlarını tema kodlarında CSS kodlarının bulunduğu yere yazıp, temayı kaydetmeniz yeterlidir. İlk önce yorum kutularını bir dikdörtgen alan içerisine almak istiyorum. Aşağıdaki CSS kodu ile bunu sağlıyorum.
.comment-block{border:1px solid #ccc;padding:10px;background:#f9f9f9}
Yorum kutuları şimdi aşağıdaki görünüme sahip.

blogger yorum kutularının son hali


Aşağıdaki seçicileri de kullanarak yukarıdaki gibi özellikler vererek çok farklı tarzda yorum kutuları elde edebilirsiniz..
.comment-block{}  /*yorum kutusu*/
.avatar-image-container{}  /*yorum profil resmi*/
.comment-header{}  /*yorum başlığı*/
.user{}  /*yorum yazarı ismi*/
.blog-author{}   /*blog yazarı*/
.datetime.secondary-text{}   /*yorum tarih ve  bilgisi*/
.comment-content{}   /*yorum içeriği*/
.comment-actions{}   /*yanıtla ve sil bloku*/
.item-control{}  /*sil butonu*/
.thread-toggle.thread-expanded{}  /*açılır kapanır yanıtlar butonu*/
.comment-thread.inline-thread{}  /*yanıt yorumlar kısmı*/


2 yorum: