Blog sahibinin yorumlarını farklı göstermek

İnternette gezerken çoğu blog’da ,yapılan yorumlarda blog sahibinin yorumunun farklı renkle veya arka planında görsel kullanıldığını görmüşsünüzdür.

Bu özellik sayesinde blog sahibinin yorumları, daha kolay farkedilir.

Eklentinin demosu için buraya , kendi blog’unuza eklemek içinse aşağıdaki adımlara bakabilirsiniz.

1.Adım Sırası ile Blogger kumanda paneli —> Tasarım - -> HTML’yi düzenle yolunu takip edin burada bulunan "Widget şablonlarını genişlet" yazan seçeneği işaretledikten sonra, klavyenizdeki "Ctrl ve F" tuşlarına aynı anda bastıktan sonra ]]> ifadesini bulup aşağıdaki CSS kodlarını hemen üzerine gelecek şekilde ekleyin.

.author-comments {
background: #ffffff;
color: #ff0000;
border: 2px solid #666666;
padding: 5px;
}

2.Adım Widget şablonlarını genişlet yazan bölümün işaretledikten sonra ifadesini aratın , bu kodu şablonunuzda arattığınızda aşağıdaki görselde olduğu gibi bir kod blog’uyla karşılaşacaksınız

Aşağıda ki kodları kopyalayarak görselde maviyle renklendirdiğim şekilde gelmesi gereken yerlere ilave edin.

.

Etiketin kapanışı…..

3.Adım Özelleştirebileceğiniz arka planın belirtmek için 2px’lik bir border içine aldım , tabi siz arka planda farklı bir şey yapmak isterseniz CSS kodlarını kendinize göre özelleştirebilirsiniz.

.author-comments {
background: #ffffff; --->> Arka plan rengi beyaz
color: #ff0000; --->> Yazı rengi kırmızı
border: 2px solid #666666; --->> 2px kenarlık(border)
padding: 5px; ---->> 5px içeriden boşluk verir
}

Diyelim ki siz arka planda görsel kullanmak istiyorsunuz bunun içinde background: #ffffff; ifadesini background: url(resminizin linki); şeklin de değiştirmeniz yeterli.