Blogger Yorum Numaralandırma Eklentisi

Blogger Yorumları Nubaralandırma Eklentisi Blogger yorumlarınızı nubaralandıra eklentisiyle, bloggunuza güzel görünüm kazandırabilirsiniz. cok basit bir şekilde bloggunuza, uygulayabilcegiz bir eklenti. aşağıda resimde gördügünüz, gibi bir görünüm kazancaksınız.

Blogger Yorumları Nubaralandırma Eklentisi Blogguma Nasıl Uygularım?  

1 Adım : Blogger  sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla ]]></b:skin> kodunu bulun. buldugunuz ]]></b:skin> kodunun üstüne aşağıda verdigim, kodu kopyala yapışdır yapın. kaydet diyip cıkın aşağıda kodun altında gösterdiğim ayarlarla bloggunuza, göre ayarlayabilirsiniz.

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 22px;
color: #555555;
padding-left:10px; 
padding-top:3px; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwT9FEC-NGlBMV7APkFluQKk3remeHu9UYUWXr-WAZGX98jVtFCX7EyslP3QKSyWRMGwkDAWMq_2KVCP2st8MA1qppuO0spcs4q1FyFhywb1njX8u26sswZKg9jx5bThxtSjrxSj4FlJgU/s1600/comment+bubble2.png) no-repeat;
margin-top:7px; 
margin-left:10px; 
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/ 
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

 
width: 50px; yorum nubaralandırma, resim genişlik ayarı.
height: 48px; yorum nubaralandırma, resim boyut ayarı.
padding-left:10px; yorum nubaralandırma, resimi sola kaydırma ayarı.
padding-top:3px; yorum nubaralandırma, sol ayarı.
margin-top:7px; resim üst kenar boşluk ayarı.
margin-left:10px; sol kenar boşluğu
Kırmızı ile işaretledigim yerleri kendinize göre ayarlayabilirsiniz.
Yukarda Kırmızı ile işaretledigim resim urlsi beğenmezseniz. aşağıda ki resimlerden secebilirsiniz. resmin üstüne gelip maus sag tıklayın, resim url kopyalayın alabilirsiniz işelemimiz bitmişdir.