Numerare i commenti su Blogger!


imageA grande richiesta, ecco la modifica che permetterà di visualizzare un numero progressivo a fianco ad ogni commento, come avevo nel template precedente, e che inserirò anche nel nuovo. Ogni numero sarà visibile in alto a destra e conterrà il link al commento. E’ un miglioramento grafico che fa il suo effetto e si rende utile quando il numero dei commenti in un post è così elevato che aiuta far riferimento al suo numero piuttosto che al semplice nick del suo autore.

La modifica è abbastanza semplice e si fa in cinque minuti. Come riferimento uso il codice pubblicato su Quite Random, con qualche piccola variazione, mentre come template di base userò il Minima, anche se non dovrebbero esserci grossi problemi a portare il tutto su un altro template.

Innanzitutto consiglio come sempre di fare il backup del template di Blogger: se qualcosa va storto, potrete sempre tornare indietro. Per chiarezza del codice, consiglio sempre di usare Notepad++ per modificare il codice, e riportarlo solo dopo su Blogger.

Inseriamo il codice HTML

Andate in Layout->Modifica HTML, selezionate “Espandi i modelli widget”  e cercate questa riga di codice: 

<dl id='comments-block'>



Questa riga è l’inizio di un blocco di codice HTML che si occupa di visualizzare i commenti sotto il post. Incollo la parte iniziale della porzione di codice, con in rosso le parti da aggiungere: 



<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='&quot;comment-&quot; + data:comment.id'>
            <a expr:name='&quot;comment-&quot; + 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>  
   <span class='numberingcomments' 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>

            <span class='comment-timestamp'>



Il numero colorato in verde stabilisce la dimensione del carattere, potrete aumentarlo o diminuirlo.



Inseriamo lo stile CSS



Cercate la seguente riga: 



]]></b:skin>



E subito sopra incollate:



  

.numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -25px; /*comments-counter position*/
text-align: right;
font-family: ‘Century Gothic’,'Lucida Grande’,Arial,Helvetica,Sans-Serif;
font-size: 30px;
font-weight: normal;
}

/*since the numbers are actually links, we need to force the color properties*/
.numberingcomments a:link, .numberingcomments a:visited {color: #445566 !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #FF9933 !important; text-decoration: none !important;}



Potete alzare o scendere il numero che apparirà nel commento aumentando o diminuendo la posizione in verde (un valore negativo alzerà il numero, un valore positivo lo abbasserà).



A questo punto non vi resta che salvare il template e il gioco è fatto! Ecco un esempio di quello che vedrete:



image



Questa modifica non appesantisce in alcun modo il caricamento del blog, quindi andate sicuri. Per qualsiasi problema, lasciatemi un commento e vedremo di risolverlo assieme.


Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

31 commenti:

vicio ha detto...

ciao tenabrae!era da molto che nn ti scrivevo un commento ma ti volevo domandare una cosa sai se e' possibile vizualizzare i commenti incorporati sotto il post direttamente nella homepage? sarebbe comodo dato che io ho messo solo un post alla volta e siccome il mio blog e' un po' ( molto ) pesante e' un po' straziante cliccare solo per veder spuntare il coso dei commenti

stella ha detto...

Ho tentato in tutti i modi di inserire la playstil nel mio blog,ma non ci sono riuscita. Grazie!

Tony Bekamp ha detto...

Modifica interessante.Penso che anche io inserirò questo miglioramento grafico. Preferisco comunque vedere prima i risultati sul mio blog di prova, non si sa mai!
Grazie,come al solito i tuoi post sono sempre utili.
ciao

Anonimo ha detto...

Ho letto il post e ho fatto le modifiche! ¡ıʇuǝɯıɹǝƃƃns ı ɹǝd ǝızɐɹƃ

Tenebrae ha detto...

@vicio: non nativamente, forse intervenendo nel template si potrebbe arrivare a questo risultato, ma non è una cosa che si risolve in un commento... magari se col tempo interessa ad altri potrei dedicarci un post

@stella: come cerchi di inserirla? con mixpod?

@anonimo: ¡oƃǝɹd

cinzietta ha detto...

appena ho un attimo di tempo ci provo ma non sono sicura di riuscirci per plutaggine mia sia ben chiaro!
Quello che invece volevo chiederti è come si fa a sapere, se, a distanza di giorni, qualcuno ti commenta un articolo precedente.
Dalla bacheca ti spunta il numero dei commenti da pubblicare(visto che io ho la moderazione attivata) ma non si sa bene quali post vengono commentati.
esiste qualcosa in merito?
grazie.
ciao.

Den ha detto...

Molto interessante questa modifica!
Ci penso un po' se metterla o meno sul mio blog...
In ogni caso grazie per la spiegazione!
P.S. scusa la mia ignoranza, ma come si fa a scrivere al contrario un testo come hai scritto all'anonimo qui sopra? :)

Gollum ha detto...

Ciao Tenabrae, volevo sapere, Ma Adsense vale davvero? Si guadagna sul serio?

liuis ha detto...

Sei un grande Tè. Lo provo subito!

Circuito Cinema Bologna ha detto...

Ancora complimenti, per i consigli ho messo il tuo bannerino anche nel blog di animazione http://cartoonweblog.blogspot.com ,ciao Sandro

Boby ha detto...

Inserita numerazione con successo.

Anonimo ha detto...

Grazie! Mission completed!

cinzietta ha detto...

come volevasi dimostrare.
ho un blog di prova e ci ho provato maaaaaaaaa
ecco il codice di errore

Non è stato possibile salvare il modello
Correggi l'errore qui sotto, quindi invia nuovamente il modello.
Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
Messaggio di errore XML: Element type "dt" must be followed by either attribute specifications, ">" or "/>".

Anonimo ha detto...

Scusate se lo chiedo in questo post: si possono aggiungere immagini o altri contenuti nei commenti di blogger? Così sono un po' "poveri"

Tenebrae ha detto...

@cinzietta: c'è qualcosa che non va nella seconda parte, dove spiego come inserire il codice html... assicurati di aggiungere le parti in rosso senza toccare il resto!

@anonimo: proprio su come arricchire i commenti di blogger sto preparando qualcosa, ne parlerò nei prossimi giorni

Tenebrae ha detto...

@gollum: come ho già detto recentemente, presto pubblicherò un post con le mie esperienze personali

Tenebrae ha detto...

@den: ho cercato "scrivere al contrario" su google, e ho trovato un sito che permetteva di farlo ;)

Tenebrae ha detto...

@cinzietta: da impostazioni->Commenti, in fondo puoi inserire un indirizzo email per la notifica dei commenti

Anonimo ha detto...

Esiste un motore di ricerca per i commenti da integrare all'interno del blog?

frank ha detto...

ciao tenebrae e per il template Denim come si fa ad aggiungere la numerazione ai commenti?

Marica ha detto...

ciao tenebrae...
ho fatto tutto come hai detto tu... ma la numerazione non si è inserita... le modifiche sono state salvate correttamente, ma i commenti non sono numerati...:((
grazie per l'aiuto

Mariana & Roberta ha detto...

Un'ottima idea, ma non trovo il segunte codice

dl id='comments-block' (con le >< solo che nel comment non mi permeteva di metterlo..

è normale?

Cecilia ha detto...
Questo commento è stato eliminato dall'autore.
Pierzollo ha detto...

Nel mio blog non si riesce (è personalizzato, non è di blogger)

Mila ha detto...

Ho seguito tutte le istruzioni ma non ha funzionato :(

Alexio ha detto...

A me esce bianco così --> http://i54.tinypic.com/bfhrhh.jpg
Come devo fare a numerare le pagine del template "Fantastico S.P.A" ??
Perfavore altrimenti non posso proseguire con il Blog.. :/

chenlina ha detto...

CHENLINA20160308
oakley sunglasses wholesale
coach outlet store
coach factorty outlet online
louis vuitton outlet
ugg for cheap
louis vuitton outlet
michael kors handbags
louis vuitton handbags
coach outlet
christian louboutin shoes
oakley outlet
ray ban sunglasses
michael kors outlet online
nike running shoes for women
louis vuitton handbags
rolex watches
kobe shoes
true religion
michael kors outlet
nike store
nike trainers uk
air force 1
kate spade outlet
canada goose outlet store
gucci handbags
canada goose outlet
nike huarache
concord 11
michael kors handbags
louis vuitton uk
louis vuitton handbags
coach factory outlet online
ed hardy outlet
ugg outlet
ralph lauren outlet
lebron 11
cheap ray ban sunglasses
ray ban sunglasses outlet
ray bans
coach factory outlet
AS

Qing Cai ha detto...

michael kors handbags
longchamp outlet
ferragamo outlet
tory burch outlet
nike huarache
louis vuitton sunglasses for women
michael kors handbags
discount oakley sunglasses
lululemon outlet
cheap jordans
toms outlet store
cartier sunglasses
fitflops outlet
michael kors outlet
lululemon outlet
true religion outlet
tiffany jewelry
cheap football shirts
coach outlet
kobe bryants shoes
ralph lauren outlet
michael kors handbags
mulberry bags
longchamp handbags
toms shoes
hollister shirts
ray-ban sunglasses
ralph lauren polo
jordan pas cher
coach handbags outlet
cai20160512

Chenzhen 20160303chenzhen ha detto...

michael kors handbags
michael kors outlet canada
jimmy choo outlet store
michael kors canada
true religion jeans
michael kors outlet
cheap jordan shoes
louis vuitton purse
polo ralph lauren
mizuno running shoes
cheap ray-ban sunglasses outlet
coach factory outlet
bottega veneta shoes
ray ban sunglasses
converse outlet
vans outlet store
gucci borse
the north face outlet
louis vuitton bags
supra store
jordan shoes
tiffany jewelry
chi flat iron
louis vuitton borse
ray ban outlet
asics running shoes
coach outlet store online clearance
hollister uk
polo ralph lauren outlet
kate spade uk
cheap oakleys
oakley sunglasses cheap
oakley sunglasses,oakley sunglass,cheap oakley sunglasses,oakley sunglasses cheap,oakley sunglasses outlet,oakley store,oakley outlet,oakley outlet store,oakley sunglasses sale,oakley sunglasses discount
fitflops shoes
true religion
vans store
chenzhen201662

dong dong23 ha detto...

nike mercurial vapor
kd 9 shoes
adidas ultra boost uncaged
ray ban wayfarer
columbia shoes women
ray ban sunglasses sale
oakley sunglasses outlet
michael kors handbags
columbia outlet store
nike sb stefan janoski
2017.4.24chenlixiang

Evans Torttor ha detto...

Hi Everyone,
I'm from United Kingdom London, City(GB). I met this spell caster called Dr. Ogudugu of greatogudugu@gmail.com online and so many other, but i decided to go with this particular spell caster and this is about 2 weeks ago.I needed the spell caster to reunite me and my lover because she started behaving strange and a day came she text me and told me she cannot continue with the relationship anymore, that she just want to be alone.But a close friend of hers shows the guy to me that she was now dating.So i contacted this spell caster because i was totally heart broken and i smoked and get drunk till i could not even notice if am standing or lying.This spell caster told me not to worry, he gave me hope that am to have her again just like old times, and i provided all the requirements, and in just 5 days, my ex lover called me crying over the phone asking for me to forgive her for her stupid act, and she swore with her mother grave to love me and never hurt me again.This was what the spell caster earlier told me and it came after he has done the spell and that same night, my lover came back to the house to me. I have never seen spell as powerful as this but now, am convinced that Dr. Ogudugu is the best ever, You can contact him through him email address: greatogudugu@gmail.com And also Reach him on WhatsApp Number:+2348139793075 Thanks Dr. Ogudugu Website: http://greatdrogudugusolutiontemple.webs.com/


Prima di lasciare un commento, leggete qui

Posta un commento