Il Widget con i commenti recenti è un modo per coinvolgere i tuoi lettori e portarli a conoscenza di altri contenuti che il tuo sito offre. Qualche giorno fa però il mio account altervista è stato senza grosse motivazioni disattivato così tutti gli script lì inseriti sono spariti. Mi dispiace per chi in passato ha usufruito di alcuni codici per il proprio blog.
Ho aggiornato gli articoli passati e per ovviare al problema oggi ti insegnerò a come inserire i commenti recenti sul tuo blog senza preoccuparti che un giorno non funzioni. Così facendo potrai anche personalizzare il gadget come più ti piace e renderlo così ancora meglio integrabile all'interno della tua grafica.
Non ti spaventare se conosci nulla di codici, cercheremo insieme di inserire il gadget all'interno del tuo sito blogger.
Accedi al pannello del tuo blog tramite blogger e dal menu di sinistra scegli la voce "Layout". Scegli dove vuoi posizionare il Widget e clicca su "Aggiungi un gadget"
Dall'elenco scegli "Html/Javascript"
Nella finestra che ti apparirà scegli il titolo, ad esempio "Commenti recenti" e sotto incolla il seguente codice:
<script style="text/javascript">
function showrecentcomments(json) {
var numcomments = 5;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Gen";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "Mag";
monthnames[6] = "Giu";
monthnames[7] = "Lug";
monthnames[8] = "Ago";
monthnames[9] = "Set";
monthnames[10] = "Ott";
monthnames[11] = "Nov";
monthnames[12] = "Dic";
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if (showcommentdate == true) document.write('• Il ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' );
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> ha commentato il post');
if (showposttitle == true) document.write(' '+'"' +posttitle+'"'+':'+' ');
if (comment.length < numchars) {
document.write('<i>');
document.write(comment);
document.write('</i>');}
else
{
document.write('<i>');
comment = comment.substring(0, numchars);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(leggi tutto)</a>');
document.write('</i>');}
document.write('<br/>');
}
document.write('<div style="font-size:70%;text-align:center"><p><a href="http://goo.gl/nrjOL6">Install widget</a></div>');}
</script>
<script src=http://www.imaniaci.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments>
</script>
Se conosci un po' di codice le personalizzazioni che puoi fare sono praticamente infinite, le principali che può fare chiunque sono:
- Al posto di imaniaci.blogspot inserisci l'url del tuo blog.
- Il numero di commenti da visualizzare, ora impostato a 5 ti basta cambiare il numero in var numcomments = 5; e settarlo a tuo piacimento.
- Se mostrare o meno la data ti basta settare var showcommentdate = true; dove c'è true metti false.
- Se non vuoi mostrare il titolo del post dove è stato inserito il commento dove c'è true metti false alla riga var showposttitle = true;.
- Il numero di caratteri da visualizzare del commento, adesso impostato a 100 var numchars = 100;. Superato il numero di carattere apparirà la scritta leggi tutto.
- Il simbolo • ad inizio commento lo puoi levare o sostituire con qualsiasi altro carattere come • √ − ¤ † Ω Δ ». Ovviamente scegli tu in base alle tue preferenze.
Per qualsiasi problema non esitare a commentare o a scriverci
Siamo due semplici ragazzi Clo e Demk abitiamo in diverse città, ma il PC e gli interessi comuni ci legano. Ci piace la musica e i video musicali, navigare nel vasto mare d'informazioni d'internet alla ricerca di nuove mete diverse e lontane e non ci spaventano gli ostacoli...(Continua).
0 commenti:
Posta un commento
Senza di te questo blog si riduce a ben poco...
Per info guida commenti blogger