Come invertire o modificare l’ordine di pubblicazione dei post in un blog su Blogger

Per pubblicare in un blog su Blogspot i post in ordine inverso rispetto alla data di effettiva pubblicazione ,con i post ordinati in Home Page dal più vecchio (in alto) al più recente (in basso),o comunque in una sequenza diversa dall’ordine cronologico prestabilito è possibile utilizzare la stessa funzione che consente di programmare i post di Blogger per essere pubblicati in una data futura.
Per ottenere questo risultato ed inserire quindi i post al contrario,sistema che può essere utile ad esempio a chi utilizza il blog per pubblicare un racconto a puntate,è necessario(prima di procedere con la pubblicazione),da "Opzioni post",in basso nell'editor di inserimento testo, modificare la data in "Post Data e ora di pubblicazione" selezionando l’opzione "Pianificato alle" e cambiare quindi il giorno o l’orario del post che si sta per pubblicare in modo che ogni nuovo post abbia una data antecedente a quella del post più vecchio che si desidera mantenere in testa al blog di Blogger.

invertire ordine pubblicazione post più veccho recente blog blogger


Come centrare ed ingrandire il link Continua a Leggere in un post di Blogger

Per mettere al centro del post,dopo l’anteprima,il link “Continua a leggere” inserito dallo strumento dell’editor di Blogger ed ingrandire la dimensione del testo “Ulteriori informazioni…” o del testo alternativo che si preferisce visualizzare è possibile utilizzare dalla Bacheca di Blogger nella sezione “Design” il Designer di modelli  che consente di modificare lo stile dei diversi elementi presenti nel blog con l’aggiunta di CSS.
Per spostare quindi in posizione centrale ed aumentare la grandezza del font utilizzato nella “Stecca da biliardo” del post possiamo applicare dal menu “Avanzato”>”Aggiungi un CSS” del Designer di Modelli il seguente CSS:

.jump-link {
text-align: center; font-size:200%;
}

come centrare ingrandire continua ulteriori informazioni post blog blogger

Che consente,dopo aver controllato l’anteprima in basso nella stessa finestra e cliccato in alto a destra su “Applica al blog”,di posizionare il link “Ulteriori informazioni” al centro dopo la prima parte del testo ed anche di ingrandire il font in percentuale rispetto alla dimensione del carattere utilizzato di default nel post.
Per ingrandire il carattere del font è possibile utilizzare anche una misura fissa in pixel sostituendo nel CSS a: 200%  la dimensione del carattere con la grandezza espressa in pixel (es: 18px)in modo da scegliere la dimensione più adatta per il link “Continua a leggere” che rimanda il visitatore alla lettura dell’intero post in un blog su Blogger.


Come centrare l’immagine inserita in un gadget FOTO di Blogger con un CSS

Per posizionare al centro l’immagine caricata nella sidebar di un blog su Blogspot per mezzo di un gadget “Foto” ,è possibile utilizzare direttamente il Designer di modelli  che consente di modificare lo stile e la visualizzazione dei diversi elementi presenti nel blog con l’aggiunta di CSS.
Per centrare quindi l’immagine,caricata dal proprio PC o con l’URL di una fotografia già online,nel gadget “Foto”(che consente anche di inserire un’immagine nel link alla mail dell’autore del blog per creare un widget “Contattami”) possiamo inserire dalla Bacheca di Blogger in “Design”>”Designer di modelli” nel menu “Avanzato”>”Aggiungi un CSS il seguente foglio di stile CSS:

#Image1 img{
display:block; margin:auto;
}

Nel codice indicato è necessario sostituire  a Image1 lo specifico Widget ID del gadget “Foto” nel quale si desidera visualizzare al centro l’immagine posizionata nella colonna laterale di un blog di Blogger.

come centrare immagine gadget foto blog blogger


AUGURI !

Auguri di Buon Natale e di un Bellissimo Anno Nuovo alle amiche ed agli amici di Blog e Template !
                                     Fabrizio Castelli

auguri


Come trasferire i post da un blog ad un altro su Blogger

Per spostare l’intero contenuto di un blog,costituito dai post e dai relativi commenti,da un blog di Blogspot ad un diverso blog sulla stessa piattaforma di Blogger è possibile utilizzare lo strumento “Importa Blog”.
Dopo aver utilizzato nel blog da trasferire la funzionalità per esportare sul proprio computer un file in formato .XML con i post ed i commenti del blog si potrà importare il contenuto del file .XML sia in un diverso blog già esistente che in un nuovo blog da aprire su Blogger.

come importare trasferire post blog blogger

Dalla bacheca di Blogger nel menu “Impostazioni” >”Generale” è infatti disponibile in alto tra gli “Strumenti del blog” la funzione “Importa blog” che consente l’importazione dei post e dei commenti di un blog di Blogger in un altro blog,permettendo anche la pubblicazione automatica ed ordinata per data degli articoli e l’integrazione con eventuali post già presenti nel blog.

come trasferire esportare  post altro blog blogspot

Dopo aver selezionato dal proprio PC,cliccando su “Sfoglia”,il file .XML del blog precedentemente esportato,inserito il codice CAPTCHA e scelto eventualmente l’opzione per pubblicare in modo automatico tutti i post importati (non scegliendo “Pubblica automaticamente tutti i post importati” i post saranno salvati e resi disponibili come “Bozze” nella schermata ”Modifica post” della Bacheca di Blogger) è sufficiente cliccare su “Importa Blog” per completare la procedura di trasferimento dei post e dei commenti da un blog ad un altro su Blogger.


Come cambiare il font il colore e la dimensione del testo in un menu di un blog su Blogger

Per modificare il carattere,la misura del testo ed il colore del link in un menu orizzontale di Blogger realizzato con il gadget “Pagine” oppure direttamente con un widget “Elenco di link” è possibile utilizzare dalla Bacheca di Blogspot in “Design” "Modello" > "Personalizza" dal Designer di modelli il menu “Avanzato” nel quale è disponibile il sottomenu “Testo Schede”.
come cambiare carattere testo menu blog blogger
La sezione “Testo Schede” consente di impostare il font che si desidera utilizzare per il menu scegliendo tra i caratteri disponibili nella finestra di selezione,possiamo anche scegliere di mettere il grassetto ed il corsivo e selezionare la misura in pixel del carattere da visualizzare nel menu orizzontale di Blogspot.
Nella stessa finestra troviamo lo strumento per cambiare automaticamente il colore dei nomi scritti nel menu e del colore degli stessi link dopo che sono stati cliccati dal visitatore del blog con le indicazioni sui colori già presenti nel modello ed i suggerimenti sulle tonalità più adatte per essere abbinate,come nel caso del menu d’esempio,illustrato nell’immagine in basso e visibile in Test per blogger

come modificare colore dimensione carattere link menu blogspot 
Tutte le modifiche apportate al menu orizzontale saranno immediatamente visibili nell'anteprima in tempo reale in basso nella stessa pagina del Designer di Modelli di Blogger e saranno applicate al blog di Blogspot solo dopo aver cliccato su “Applica al blog” nell’angolo in alto a destra nella stessa pagina di configurazione.

Come aprire i link del gadget ELENCO DI LINK in una nuova finestra del browser in un blog di Blogger

Per aprire in un’altra finestra del browser i collegamenti ad altre pagine dello stesso blog o ad altre risorse Internet (siti web,forum,profili su Facebook ,Twitter o su altri Social Network) inserite  nel blog utilizzando il gadget di Blogger “Elenco di Link” è necessario inserire una modifica HTML al codice del widget nella finestra del template (disponibile nella sezione “Design”>”Modifica HTML” della bacheca di Blogspot).
Dopo aver selezionato la funzione “Espandi modelli widget” nella finestra con il codice HTML del template sarà possibile,utilizzando una scorciatoia da tastiera,individuare la sezione del widget denominata“LinkList1” nella quale troveremo il seguente codice:

<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Che andrà modificato sostituendo a:
<a expr:href='data:link.target'>
il nuovo codice:
<a expr:href='data:link.target' target="_blank"> 

come aprire nuova finestra elenco link gadget blog blogger

Subito dopo aver salvato la modifica al template con il bottone “Salva Modello” sarà possibile visualizzare il blog ed aprire automaticamente i collegamenti inseriti con il gadget “Elenco di Link” di Blogger in una diversa scheda del browser.

Prima di inserire la modifica per visualizzare i link in una nuova finestra del browser web è opportuno per sicurezza
salvare una copia del template che si sta utilizzando sul proprio computer.