lubię to

sobota, 9 marca 2013

Numerowanie komentarzy na blogspot

Jeżeli chcesz wiedzieć ile osób skomentowało twój post
możesz je ponumerować 
Dla twojego czytelnika jest to duży plus kiedy będzie chciał zobaczyć czy odpowiedziałeś na jego pytanie zapamięta numer i po paru dniach wróci do niego

przykład przedstawiam poniżej




No to zaczynamy:

1. Przejdź do edycji twojego bloga ----> Szablon ---> Edytuj kod HTML (kliknij Kontynuuj, jeśli potrzebne)

2. kliknij na "Rozszerz szablony widżetów"
3. Szukaj (CTRL + F) takiego fragmentu kodu:



]]></b:skin>




4. Dodaj następujący kod tuż nad nim: 


.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/AVvXsEhj-CCN5eFujspxcckOyI0djzyn0Uz1dbxdG5bTjxQ0tJP_0vhqqovQ8rr_5f3L_nc21U-O_yDZHlTZh8vkFAaSt2tlU0QEHnc76LhCsKuirkJqy_OoeH1-p9HbOSE-Tktxys6x9rAAShHo/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;
}





Uwaga: -Jeżeli nie chcesz mieć takich pęcherzyków (chmurek) usuń kod na czerwono razem z tym niebieskim
- Jeżeli chcemy aby bańka miała inny wygląd zamieniamy adres URL na swój styl poniżej przedstawiam ci przykładowe chmurki (prawy przycisk mysz kopiuj adres obrazka wklej w wyznaczonym miejscu)





 


 - aby zmienić położenie Ilość komentarzy, zwiększenie / zmniejszenie wartości (3 i 10) z padding-top i padding-left

- aby zmienić położenie bańki komentarzy / ikony, zmienić wartości (10 i 7) z margin-left i margin-top

Krok 4: Teraz zapisz szablon i gotowe!




6 komentarzy:

  1. dziękuje i zapraszam ponownie

    OdpowiedzUsuń
  2. Witam, chciałabym to zrobić, ale nie mogę - zmienili chyba Kod HTLM, nie ma możliwości kliknięcia rozszerzeń... i nie da się już szukać tekstu :-( i co teraz

    OdpowiedzUsuń
    Odpowiedzi
    1. oj długo tu nie byłem i faktycznie dużo się zmieniło. Osobiście byłem przyzwyczajony do starej wersji ale na nowej też da radę.

      jak już jesteś w edytuj kod HTML to skopiuj cały kod HTML i wklej do https://translate.google.pl (CTR i F i z łatwością wyszukasz)

      Usuń
  3. Extra! Działa: http://diamond111rose.blogspot.com
    Właśnie czegoś takiego szukałam! Wielkie dzięki! :D

    Riley

    OdpowiedzUsuń