A 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='"comment-" + data:comment.id'>
<a expr:name='"comment-" + 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:
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.
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!
27 commenti:
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
Ho tentato in tutti i modi di inserire la playstil nel mio blog,ma non ci sono riuscita. Grazie!
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
Ho letto il post e ho fatto le modifiche! ¡ıʇuǝɯıɹǝƃƃns ı ɹǝd ǝızɐɹƃ
@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
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.
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? :)
Ciao Tenabrae, volevo sapere, Ma Adsense vale davvero? Si guadagna sul serio?
Sei un grande Tè. Lo provo subito!
Ancora complimenti, per i consigli ho messo il tuo bannerino anche nel blog di animazione http://cartoonweblog.blogspot.com ,ciao Sandro
Inserita numerazione con successo.
Grazie! Mission completed!
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 "/>".
Scusate se lo chiedo in questo post: si possono aggiungere immagini o altri contenuti nei commenti di blogger? Così sono un po' "poveri"
@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
@gollum: come ho già detto recentemente, presto pubblicherò un post con le mie esperienze personali
@den: ho cercato "scrivere al contrario" su google, e ho trovato un sito che permetteva di farlo ;)
@cinzietta: da impostazioni->Commenti, in fondo puoi inserire un indirizzo email per la notifica dei commenti
Esiste un motore di ricerca per i commenti da integrare all'interno del blog?
ciao tenebrae e per il template Denim come si fa ad aggiungere la numerazione ai commenti?
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
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?
Nel mio blog non si riesce (è personalizzato, non è di blogger)
Ho seguito tutte le istruzioni ma non ha funzionato :(
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.. :/
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
Prima di lasciare un commento, leggete qui
Posta un commento
Nota. Solo i membri di questo blog possono postare un commento.