Come modificare il link sul numero dei commenti in homepage dei blog su Blogger.
Con questo articolo rispondo a una domanda che mi era stata posta nel blog e che non potevo evadere utilizzando il misero modulo dei commenti. Mi era stato chiesto se fosse possibile sostituire in homepage l'espressione x commenti con un altra mantenendo però il link per accedere alla sezione dei commenti di quel post dove x è il numero dei commenti già ricevuti dall'articolo.
Ho già trattato come personalizzare le espressioni del footer del blog ma relativamente a quello che si vede quando si apre un articolo e non alla homepage, alle pagine di archivio e a quelle delle etichette. L'obiettivo di questa personalizzazione è quello di ottenere questo risultato
dove l'espressione 4 commenti è stata sostituita da Esprimi la tua opinione. Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si cerca questo blocco di codice usando F3 o Ctrl+F
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
La parte colorata di rosso del codice si sostituisce con la riga
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Esprimi la tua opinione</a>
dove al posto di Esprimi la tua opinione può essere scelta una qualsiasi altra espressione. Si salva il modello e la personalizzazione è completata.
ULTERIORI CONSIDERAZIONI SUL LINK DEI COMMENTI
Se un navigatore clicca su Esprimi la tua opinione verrà aperto il post esattamente all'inizio dell'area dei commenti. L'aspetto delle pagine dei post rimarrà immutato mentre varieranno, oltre alla homepage, anche le pagine delle etichette e quelle di archivio.Se si volessero inserire espressioni con apostrofi dovremo prima convertirli in XML con lo strumento Blogcrowds. Si deve incollare il testo, andare su Parse per poi selezionare e copiare quello convertito in XML. Per fare un esempio l'espressione Un'opinione grazie diventerà Un'opinione grazie . Gli accenti invece in linea di massima vengono supportati (Es. Dì la tua).
Il tag x commenti, o l'espressione che abbiamo inserito al suo posto, può essere ulteriormente personalizzato aumentandone la dimensione dei caratteri e cambiando il colore del testo. Per poterlo fare bisogna cercare sempre con F3 o Ctrl+F la riga ]]></b:skin> e, immediatamente sopra, incollare un foglio di stile o CSS come questo
.comment-link {
color:#003366 !important;
font-size:20px;
}
per ottenere questo risultato color:#003366 !important;
font-size:20px;
}
I parametri in rosso che rappresentano il codice del colore e la dimensione dei caratteri possono essere modificati a piacere secondo le nostre esigenze e le tonalità del layout del blog. Ricordo che questa personalizzazione finale può essere fatta a prescindere dalla variazione della espressione ed è utile per mettere maggiormente in evidenza la sezione commenti di ciascun post a beneficio dei navigatori che si trovino in homepage, nelle pagine delle etichette o in quelle di archivio.
Suggerimento molto interessante che vorrei subito applicare per togliere quegli odiosi due punti. Nel mio blog però la parte in rosso è leggermente diversa e compare tre volte. Hai idea di come debba procedere?
RispondiElimina@BastetLaDeaGatta
EliminaIl sistema è quello di usare Firebug Lite per trovare i CSS degli elementi da modificare
http://www.ideepercomputeredinternet.com/2012/07/firebug-chrome-blogger-css-html.html
@Giuliasciannella
EliminaGrazie a te, se riesco a aiutare un pochino gli aspiranti blogger o quelli ancora inesperti sono già soddisfatto :)
Forse ho capito! La parte
RispondiElimina< b:if cond='data:post.allowComments' > < a class='comment-link' etc. etc.
mi compare tre volte perché: a) la prima è per la versione desktop del blog b) la seconda è per la versione mobile c) la terza è per quando non ci sono commenti al post. E' stato infatti inserito un tag condizionale - spero si chiami così - grazie al quale la scritta "0 commenti" viene modificata in "nessun commento".
Procedo per tentativi. Se funziona, ti faccio sapere. ;)
Mi correggo: non ho capito perché compaia tre volte, ma a furia di tentativi sono riuscita a visualizzare "esprimi la tua opinione" al posto di "n commenti". Basta modificare la prima occorrenza.
EliminaA ogni modo, è una bella personalizzazione. Thanks a million
Grazie mille per aver preso in considerazione la mia richiesta!
RispondiEliminaAppena mi sarà possibile proverò quanto hai descritto! ;)
Ciao, volevo fare la modifica al nome visualizzato dei commenti, ma il codice che mi appare quando espando i widget è diverso da quello che hai descritto, a me appare:
RispondiElimina< b:if cond='data:post.allowComments' >
< a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>< /a >
< /b:if >
< /b:if >
... e non so cosa andare a modificare.
Ho provato a usare il "misero modulo" ma niente non funziona nemmeno lui, ma solo per quello che riguarda i commenti, il resto sono riuscita a personalizzarlo senza problemi.
Di queste cose non me ne intendo, mi affido completamente a chi ne sa di più.
@EleonoraSuriBovo
EliminaNei modelli personalizzati il codice cambia di parecchio. Non è che si possa pensare a tutti i modelli. Si prende come riferimento solo quelli ufficiali di Blogger. Prova a sostituire con il codice che ho postato solo la seconda riga di quello che hai indicato tu. Salva prima il modello ovviamente.
Come sempre, ottimo lavoro! Solo una domanda...se volessi aggiungere un'immagine al messaggio personalizzato, come dovrei procedere?
RispondiElimina@ Roberta
EliminaNon ho testato ma nel secondo codice al posto di
Esprimi la tua opinione
prova a mettere questo codice
<img src='URL DELLA IMMAGINE' alt='NOMEIMMAGINE'/>
Grazie, proverò :).
EliminaCiao Ernesto, devo aver il template completamente alterato.. non so proprio dove applicare tali modifiche.. nel nuovo editor è possibile ripristinare i widget ai valori predefiniti.. ma di che modello widget si tratta? Poi magari così facendo poteri applicare la tua modifica... Che ne dici?
RispondiEliminaQuesto post è stato scritto da più di un anno quando non esistevano ancora i commenti nidificati e il nuovo Editor HTML per il modello. Se non ti funziona sicuramente dipende da una di queste cose
Elimina@#
Anzi, ci ho già provato a a ripristinarli tutti ma non è cambiato niente..
RispondiElimina