Najnowszy gadżet komentarzy dla bloggera

Ostatnie komentarze do Bloggera wyświetlają ostatnie komentarze blogu na pasku bocznym, pokazując fragment ostatnich komentarzy wraz z tytułem postu. Jeśli chcesz, aby zachęcić swoich czytelników na pozostawienie komentarzy na swoim blogu, to polecam ten gadżet. Jak zainstalować Ostatnie Widget komentarzy do Bloggera

Krok 1. Przejdź do nawigacyjnym Bloggera >> >>Układ ---->  Dodaj gadżet

Krok 2 W oknie pop-up, przewiń w dół i wybierz HTML / JavaScript opcję:

 Krok 3 Teraz skopiuj i wklej poniższy kod w HTML / JavaScript:

 <script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://blogujteraz.blogspot.com/2013/03/najnowszy-gadzet-komentarzy-dla-bloggera.html>nowy gadżet komentarzy</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>

 Krok 4. W miejscu nazwa twojego bloga wpisz adres URL blogu.

 Krok 5. Kliknij przycisk Zapisz i gotowe, mam nadzieję, że Ci się spodoba!

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!

dzięki że czytasz mojego bloga