Header Ads Widget

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;

Trimiteți un comentariu

25 Comentarii

  1. La mine apar aceste doua coduri, unde trebuie sa modific !?

    1.) "dl class='comments-block' id='comments-block'"

    2.) "dl expr:class='data:post.avatarIndentClass' id='comments-block'"

    RăspundețiȘtergere
  2. de ce nu se chimba nimic ? cand revin in sablon nu gasesc codurile puse pentru schimnbare

    RăspundețiȘtergere
  3. Am incercat si nu merge... nu am gasit unde sa bag toate linile de cod scrise cu rosu... poti sa arunci un ochi si pe blogul meu ? Ms!

    RăspundețiȘtergere
  4. Ziyati, ai sablonul Minima, sablon din care sunt luate si codurile din articol. Codurile sunt acolo. Poate ai uitat sa bifezi casuta de extindere a codului sablonului?!

    RăspundețiȘtergere
  5. Inca o data, MULTUMESC!!! Dupa ceva timp in care nu am mai umblat la sablon, am adaugat si eu numerotarea la comentarii, inclusiv codul pentru "norisori". Cu putin efort si atentie maxima (nu am reusit dim prima...deoarece mai am ceva in plus pe acolo...), functioneaza: http://prescolariimei.blogspot.com/2010/07/micul-crestin.html#comments
    Toate cele bune!

    RăspundețiȘtergere
  6. Cu placere Carmen!
    E unul din trucurile care mie imi place foarte mult.

    RăspundețiȘtergere
  7. Buna.. imi cer scuze ca te innebunesc cu intrebarile dar eu am problema cu un cod..

    "..<.dt style='clear: both;' class='comment-author' expr:id='"comment-" + data:comment.id'>"
    (am modificat pt ca nu ma lasa sa pun cod html in comentariu)
    acesta mie mi-l arata altfel.. te rog da o privire la mine.. si nu stiu unde ar trebui sa introduc acest cod style='clear: both;

    am incercat sa il bag direct langa dt dar imi da eroare ..
    mersi!

    RăspundețiȘtergere
  8. Asa si mie tot ca la tn imi apare ~x(

    RăspundețiȘtergere
  9. trimite-mi o copie a sablonului si ma voi uita la coduri. Dar explica-mi din nou in email ce coduri nu gasesti.

    RăspundețiȘtergere
  10. poi mie numi apare dl id='comments-block' :(

    RăspundețiȘtergere
  11. so!
    1. nici eu nu găsesc dl id='comments-block', îmi găsește în 2 locuri doar id='comments-block'
    2. de asemenea, în locul unde ai indicat tu, care nu atată chiar așa...dacă pun style='clear: both; , îmi dă eroare.
    ți-am trimis mail cu copia după șablonul meu, dar cred că nu e bine ce ți-am trimis (template-ul salvat ca xml, direct din blog care nu cred că-ți arată mare lucru. voi trimite din nou mail, cu el salvat în word ca fișier doc.
    mulțam fain dacă mă rezolvi ;;)

    bdw, ce-ar fi dacă la comentarii, am apăsa direct pe zâmbilic și să apară, fără a scrie simbolurile, la fel ca în mess ? poate te pricepi să găsești asta ! :)

    RăspundețiȘtergere
  12. thamara, ti-am trimis ieri un mail cu indicatii.

    RăspundețiȘtergere
  13. acum l-am găsit la spam :-o

    am făcut tot ce mi-ai spus, dar când dau previzualizare îmi spune așa

    Şablonul dvs. nu poate fi analizat, deoarece nu este bine format. Vă rugăm să vă asiguraţi că toate elementele XML sunt închise cum trebuie.
    Mesaj de eroare XML: Element type "dt" must be followed by either attribute specifications, ">" or "/>".

    Error 500

    :(( ~x(

    RăspundețiȘtergere
  14. thamara, m-am uitat din nou in mailul pe care ti l-am trimis, sa vad daca am gresit ceva, si nu am gresit.

    Incearca din nou si ai mai multa grija.

    RăspundețiȘtergere
  15. mergeeeee
    l-am luat de la capăt și merge. am încercat să explic aici cum am făcut, dar îmi spune că html-ul meu nu e acceptat.

    mulțumesc mult

    RăspundețiȘtergere
  16. www.showpodzone.blogspot.com Uitete Daniel sa vezi ce e de capul lui :D

    RăspundețiȘtergere
  17. te deranjez din nou.. aceeasi problema ca thamara o am si eu.. imi poti da un raspuns pe beautybymiuri@yahoo.com? Multumesc!

    RăspundețiȘtergere
  18. Salut! am si eu o intrebare...

    Cum ai adaugat acest contur la comentarii? sus mai ingrosat iar jos mai subtire....

    Multumesc!

    http://pc-nicu.blogspot.com/

    RăspundețiȘtergere
  19. mi s-au schimbat norișorii în ceva de genul 1tyni într-un semipătrățel.
    ai schimbat locația norișorului ?
    am intrat pe html editare și aveam în loc de
    ,,background: url(http://2.bp.blogspot.com/-V5pDWwRoI2Q/Tg7-popdnQI/AAAAAAAANyk/yLbDBII3vVo/s1600/norisori.png) no-repeat;,,( cum este acum în tutorialul tău)
    ceva cu ,,background: tynipic 114...”, sau cam aÈ™a ceva. am schimbat linia aceea de background: cu ce am găsit aici, acum È™i mi-au revenit noriÈ™orii.
    tu ai făcut modificarea în tutorial, sau locația norișorilor sau blogul meu o luase razna ?

    RăspundețiȘtergere
  20. mersi mult) lucreaza totul bine

    RăspundețiȘtergere
  21. salut, nush daca aici ar trebui sa scriu si daca o sa imi mai vezi mesajul, insa as vrea sa te intreb cum se face ca sa imi fie incadrat comentariul intr-un chenar ca si al tau. Cu norisorii am reusit, insa as vrea sa imi fie si comentariile incadrate. La unele template-uri pe care le pun se incadreaza automat, insa la template-ul pe care il folosesc eu nu se incadreaza si nuci nu as vrea sa il schimb. Nu este ceva cod care as putea sa il folosesc la template-ul meu? Ms mult

    RăspundețiȘtergere
  22. La noul aspect nu mai gasesc 'Extindeţi şabloanele control'... ce fac?

    RăspundețiȘtergere