Articole populare cu numar de ordine

In primul rand trebuie sa activezi widgetul "Popular posts"

Intra in pagina de control a blogului. Apasa pe "aspect".

In continuare da click pe "Adauga on obiect widget si, din lista, alege "Popular Posts"

Configureaza-l asa cum vezi mai jos si salveaza-l.

In continuare da click pe "Sablon" ai apoi pe "Editare HTLM"

Apasa CTRL+F pentru a deschide casuta de cautare si cauta dupa </b:skin>. 

Acum da click pe sageata din dreptul sau pentru a expanda scriptul si posteaza urmatorul cod, imediat dupa </b:skin>

/*--- BHR Popular Posts --- */
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}

.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }

.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}

.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}

.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

Widgetul tau va arata asa 

 Daca vrei ca numerele de ordine sa fie in cercuri si nu in patrate, adauga urmatorul cod, imediat dupa box-shadow: 1px 2px 9px #666666;

border-radius:15px;

Succes !