Blogger - Widget cu Total posturi si comentarii pe blog

Acest widget pentru blogurile de pe Blogger se adauga in sidebar si arata numarul total de posturi si comentarii de pe blog. Se foloseste de feed-ul default al blogului pentru a extrage numarul de postari si numarul de comentarii, deci trebuie sa aveti activat feed-ul blogului pe una din variante "Complet" sau "Pe scurt".

Widget-ul este gasit aici (total comment count in blogger) si modificat de mine prin adaugarea catorva elemente CSS pentru a arata cum doresc eu.

Widget-ul arata asa:

Deci daca doriti acest widget pe blogul vostru blogspot, in prima faza trebuie sa va conectati in contul vostru Blogger si apoi sa urmati calea "Aspect --> Elemente de pagina --> Adaugati un obiect gadget". Din pagina deschisa alegeti "HTML/JavaScript" si puneti un titlu, oricare doriti.


Apoi in campul pentru continut adaugati urmatorul cod:

<div style="border:1px solid #9E5205;color:#9E5205; padding:4px;">
<script style="text/javascript">
function showpostcount(json) {
document.write('Total posturi pe blog <b><i> <font color="#3366FF" size="3">' + parseInt(json.feed.openSearch$totalResults.$t,10) + '<br></font></i></b>');
}</script>

<script src="http://bloggerajutor.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

<hr />

<script style="text/javascript">
function showcommentcount(json) {
document.write('Total comentarii pe blog <b><i> <font color="#3366FF" size="3">' + parseInt(json.feed.openSearch$totalResults.$t,10) + '<br></font></i></b>');
}</script>

<script src="http://bloggerajutor.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showcommentcount"></script>
</div>

Nu uitati sa schimbati adresa blogului meu cu adresa voastra in cele doua locuri din cod. In plus daca doriti sa mai modificati cate ceva, aici sunt locurile unde se poate:

- Pentru a modifica culoarea bodurii cauta acest cod  border:1px solid #9E5205 si schimba ce este cu potocaliu. Aici gasiti un tabel de culori din care va puteti alege o culoare.

- Pentru a schimba culoarea textului (nu a numarului de postari) cauta acest cod  color:#9E5205 si schimba ce e cu verde.

- Puntru a modifica culoarea numarului de postari si a numarului de comentarii cauta acest cod color="#3366FF  si schimba ce e cu albastru.