Test per blogger

Per cambiare il colore di sfondo solo nel footer (piè di pagina),la sezione in basso in un blog di Blogger,in modo da evidenziare il suo contenuto è possibile aggiungere da “Aggiungi un CSS” il seguente foglio di stile CSS

.footer-inner {
  background: #ff0000 ;
}

Per modificare il colore dello sfondo da applicare al footer del blog di Blogger è necessario sostituire nel CSS indicato sopra, al rosso (#ff0000) un diverso colore inserendo il relativo codice esadecimale.

Per modificare il colore dello sfondo dei commenti al post inseriti nel blog dallo stesso autore del blog è necessario inserire una modifica HTML alla sezione del template relativa ai commenti ed applicare poi un CSS per definire lo stile relativo al colore da utilizzare per differenziare ,utilizzando un background di diverso colore,i commenti del proprietario del blog da quelli dei visitatori.
Dopo aver individuato,con una scorciatoia da tastiera,il seguente codice:

<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

E’ necessario modificare il codice HTML aggiungendo le stringhe indicate in rosso:

<data:commentPostedByMsg/>
</dt>
 <b:if cond='data:comment.author == data:post.author'>
<dd class='mbt-comment-body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

 
Dopo aver salvato la modifica da “Salva modello”,per visualizzare nel blog un diverso colore di sfondo per i commenti postati dall’autore del blog è sufficiente aggiungere,utilizzando,il seguente foglio di stile:

.mbt-comment-body {
background: #FFFF00;
}

Per non visualizzare nelle pagine delle etichette di un blog di Blogger il riquadro Visualizzazione degli ultimi post con etichetta (nome etichetta). Mostra i post precedenti è possibile inserire un foglio di stile CSS direttamente dal Designer di Modelli di Blogger.

Per cancellare quindi in un blog di Blogger il modulo Visualizzazione degli ultimi post con etichetta (nome etichetta). Mostra i post precedenti,posizionato in alto nelle pagine che mostrano tutti i post relativi alla stessa etichetta,bisognerà dalla Bacheca di Blogger in “Design”>”Designer di Modelli” nel menu “Avanzato”>”Aggiungi un CSS”(utilizzando la procedura per l’inserimento dei CSS) applicare il seguente foglio di stile:

.status-msg-wrap
{
display: none;
}

Per creare ed inserire un testo scorrevole all’interno di un gadget HTML/Javascript come quello visibile nella colonna sinistra di questo blog ed anche qui in basso:

è possibile utilizzare questo codice HTML:

<marquee direction="left" style="font-size: 15pt; color:#ff0000; font-family: arial;" scrollamount="5" bgcolor="#000033"> <div align="center">TESTO SCORREVOLE DA VISUALIZZARE</div></marquee>

Nel codice HTML indicato è sufficiente sostituire nella posizione della scritta TESTO SCORREVOLE DA VISUALIZZARE il testo che si desidera veder scorrere nel gadget  da mettere nella sidebar del blog oppure sopra al modulo centrale del post o in basso nel footer del blog di Blogspot.
Per utilizzare colori diversi per il testo (color) e per lo sfondo (bgcolor) è possibile applicare i colori desiderati inserendo i rispettivi codici esadecimali al posto di quelli attuali.
Allo stesso modo è possibile sostituire nel codice HTML il font (font-family) e la dimensione del carattere (font-size) da visualizzare nel blog di Blogger.
Per impostare la direzione verso la quale deve scorrere il testo possiamo sostituire il valore di direzione (direction) attualmente impostato  con il testo che si sposta verso sinistra (left)  con le corrispondenti opzioni da utilizzare per visualizzare lo scorrimento della scritta verso destra,verso l’alto o verso il basso(right,up,down).
La velocità di scorrimento (scrollamount) della scritta,da posizionare nella colonna laterale del blog di Blogger,sarà maggiore quando più sarà alto il valore numerico (al momento è  5) impostato  nel codice HTML.
Dopo la personalizzazione il codice dovrà essere copiato ed incollato in un gadget HTML/Javascript(disponibile nella Bacheca di Blogger da “Design”>”Elementi pagina”>”Aggiungi un gadget”) da mettere poi nel layout di un blog su Blogspot.