Comentarii numerotate pe Blogger

Daca esti pe Blogger si ai multe comentarii la posturi, cateodata e destul de greu sa te orientezi si sa gasesti comentariul pe care il cauti.  De aceea comentariile numerotate sunt una din solutiile care te pot ajuta.
Sau poate doar vrei ca comentariile tale sa arate altfel dar nu stii cum sa faci. Comentariile numerotate pot da un stil aparte paginii.
Truc by Numbering Comment Trick
In aceasta poza vedeti cum arata ele.

Daca vreti sa aveti comentarii numerotate trebuie sa editati html-ul sablonului prin adaugarea catorva coduri.

Conectati-va in contul vostru Blogger si urmati calea: 'Aspect --> Editati Html'.
Aici primul lucru pe care trebuie sa-l faceti este sa descarcati o copie a actualului sablon in calculator. Acest lucru ajuta in cazul in care ceva nu merge cum trebuie sa puteti reveni imediat la el.




Bifati casuta de langa 'Extindeţi şabloanele control'. Folositi combinatia de taste Ctrl+F si copiati in caseta de cautare urmatorul cod:  dl id='comments-block.

Veti gasi un grup de cod ca cel de mai jos sau asemanator. Diferenta de la un sablon la altul este destul de mica asa ca fiti un pic atenti si veti reusi sa gasiti codul. In grupul de cod gasit adaugati codurile scrise cu rosu asa cum vedeti mai jos .

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<dt style='clear: both;' class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='comment-number' style='float: right; font-size: 20px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>

<dd class='comment-body'>

Puteti modifica marimea fontului prin inlocuirea numarului 20 cu un numar care credeti ca va arata bine in blogul vostru. Salvati si daca va place cum arata va puteti opri aici.

Daca vreti sa arate altfel trebuie sa adaugam un cod CSS care sa il faca sa arate ca in poza de mai jos.

Pentru al face sa arate asa gasiti codul de mai jos

]]></b:skin>

si inainte de el copiati urmatorul cod:

/*begin Css code for number comment number*/
.comment-number {
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_P9zMh_nSy5kvHCIjWWdfr0OdfhJAySUiBR_15MQgwRQTKLf4fLbuw7qdg1El0_X1lmfWy141-6_5M9EiTDxsbzLURRdUMMWq66sdK0b9Wkvy0JdJmWZk-QVSCV3pd0IIKOt_cTrHUI0/s1600/norisori.png) no-repeat;
width:53px;
height:53px;
padding:5px 0 0 0;
margin-right: 5px;
margin-top: -20px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 18px;
font-weight: bold;
}

/*since the numbers are actually links, we need to force the color properties*/

.comment-number a:link, .comment-number a:visited {
color: #445566 !important;
text-decoration: none !important;
}
.comment-number a:hover, .comment-number a:active {
color: #FF9933 !important;
text-decoration: none !important;
}
/*end Css code for number comment number*/

 Salvati si vedeti cum arata.
Daca aveti probleme cu pozitia lor modificati urmatoarele coduri pana cand va convine cum arata.

margin-right: 5px;
margin-top: -20px;