Come avere URL personalizzati nei post di Blogger
Come cercare una stringa del codice nel nuovo editor HTML del template di Blogger
Per ricercare nell'intero template del blog di Blogger possiamo espandere contemporaneamente tutte le sezioni del modello che di default sono compresse utilizzando (sempre dopo aver posizionato il cursore del mouse all'interno della finestra che contiene il codice HTML) in sequenza le seguenti combinazioni di tasti:
Ctrl + A per selezionare tutto
Ctrl + C per copiare
Link utili per il nuovo Blogger da Come Fare Blog
Come disattivare la verifica parole per i nuovi commenti in un blog di Blogger
Personalizzazioni del menu orizzontale:
Come aprire i link del menu PAGINE di Blogger in una nuova finestra del browser
Come mettere il metatag Description in un blog di Blogger
Backup del blog:
Come salvare una copia di backup del contenuto di un blog su Blogger
Come centrare la data dei post in un blog di Blogger
Come dividere in due colonne un Elenco di Link in un blog di Blogger
#LinkList1 ul li{
float: left;
width: 45%;
}
Come rimuovere il titolo delle pagine statiche in un blog di Blogger
Per non mostrare il titolo posizionato sopra al contenuto di una pagina statica quando lo stesso titolo è già indicato nel gadget “Pagine” o in un menu orizzontale creato con il gadget “Elenco di link”,come nel caso della pagina Privacy di Test per Blogger,è possibile applicare dalla bacheca di Blogger in “Design”>”Modifica HTML” una modifica al codice HTML del template che permette di non visualizzare la sezione del titolo nelle pagine aggiuntive di un blog di Blogspot.
Dopo aver salvato per sicurezza una copia del template ed individuato con una scorciatoia da tastiera la stringa:
</b:skin>
E’ necessario aggiungere subito sotto alla stringa il seguente codice HTML:
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>
A questo punto è sufficiente cliccare su “SALVA MODELLO” per applicare la modifica che consente di eliminare in un blog di Blogger il doppione del titolo della pagina statica già visibile nel menu orizzontale.
Come cambiare il testo dei link POST PIU’ VECCHI / POST PIU’ RECENTI in un blog di Blogger
Per modificare la scritta Post più vecchi /Post più recenti ed utilizzare termini diversi per i link che permettono di navigare tra le pagine dei post in un blog di Blogger è necessaria una modifica HTML al codice del template dalla Bacheca di Blogspot in “Design”>”Modifica HTML”.
Dopo aver selezionato la funzione “Espandi Modelli Widget” ed aver individuato (utilizzando una scorciatoia da tastiera) il codice:
<div class='blog-pager' id='blog-pager'>
nella porzione di codice subito sotto troveremo le stringhe di codice HTML al posto delle quali è possibile inserire i termini esatti che si desidera visualizzare al posto di Post più vecchi /Post più Recenti .
Al posto di <data:newerPageTitle/> (post più recenti) possiamo scrivere NUOVI POST o il termine che si preferisce.
Allo stesso modo,in sostituzione di <data:olderPageTitle/> (post più vecchi) possiamo mettere la scritta POST PRECEDENTI o quella che ci sembra più adatta al nostro blog.
Dopo aver visualizzato il risultato cliccando sul tasto “ANTEPRIMA” è possibile applicare la modifica ai termini o al testo da utilizzare per i link che consentono ai visitatori di leggere i post del presenti in una pagina diversa del blog cliccando sul tasto “SALVA MODELLO”.
Prima di effettuare modifiche HTML al modello di un blog di Blogger,per sicurezza,è sempre utile salvare una copia in formato .xml del template sul proprio computer.
Ringrazio Moon del blog Figlia della Luna per il premio “Stylish Blogger Award”
e Francesca di Torte e Decorazioni per il premio “Liebster Blog”
che sono felice di condividere con tutti i lettori di BLOG E TEMPLATE!
Come aprire il link del gadget FOTO in una nuova finestra del browser in un blog di Blogger
Per aprire in un’altra finestra del browser il collegamento ad un sito web,blog o forum oppure al profilo personale su Facebook ,Twitter,Google Buzz o su altri Social Network ottenuto collegando l’URL ad un immagine con il gadget FOTO di Blogger,senza che il lettore cliccando sull’immagine esca dal blog, è necessario inserire,dalla bacheca di Blogger in “Design”>”Modifica HTML”,una modifica al codice HTML del singolo gadget (es. Image1)dopo aver individuato lo specifico codice Widget ID nel caso che nel blog fossero presenti più di un gadget FOTO.
Dopo aver selezionato la funzione “Espandi modelli widget” nella finestra con il codice HTML del template bisognerà,utilizzando una scorciatoia da tastiera,individuare la sezione del widget FOTO denominata “Image1” nella quale troveremo il seguente codice:
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Da modificare sostituendo alla stringa:
<a expr:href='data:link'>
la seguente porzione di codice:
<a expr:href='data:link' target='_blank'>
Subito dopo aver salvato la modifica al template dal pulsante “Salva Modello” sarà possibile,cliccando sull’immagine inserita in un gadget FOTO,aprire automaticamente il collegamento ad un indirizzo web in una diversa scheda del browser web senza che il visitatore debba lasciare definitivamente il nostro blog.
Prima di aggiungere in un blog di Blogger la modifica HTML che consente l’apertura del link collegato alla fotografia in un’altra finestra del browser,per sicurezza,è utile salvare una copia in formato .xml del template sul proprio computer.
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">
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.
Come mettere un menu orizzontale personalizzato in un blog di Blogger
A differenza del menu che è possibile inserire nel blog con il gadget “Pagine" che permette di aggiungere esclusivamente i link alle pagine statiche di Blogger,in “Elenco di link” possiamo personalizzare i collegamenti del menu e scegliere i nomi da assegnare ai diversi link (Home Page, Argomento 1 Argomento 2 Post 1 Privacy Picasa Facebook Twitter etc)da visualizzare nel menu orizzontale del blog di Blogger.
Se il gadget “Elenco di link” da utilizzare come menu è stato creato da “Aggiungi un gadget” nella colonna laterale del blog è possibile trascinarlo,tenendo premuto il tasto sinistro del mouse,direttamente sotto l’Intestazione del blog per posizionare il menu orizzontale con i link personalizzati nello spazio tratteggiato che comparirà in quella posizione per essere così visibile sotto al titolo del blog su Blogger.
Come mettere un link in una immagine all’interno di un post di Blogger
Come centrare il titolo in un post di Blogger con un CSS dal Designer di Modelli
Per spostare da sinistra al centro la visualizzazione del titolo di un post in un blog di Blogspot è possibile inserire,direttamente dal Designer di modelli,un foglio di stile CSS con la modifica che permette di centrare il testo scelto come titolo.
Dalla bacheca di Blogger in “Design”>”Designer di modelli” possiamo selezionare a sinistra il menu “Avanzato” e successivamente la sezione “Aggiungi CSS” ed inserire così nella finestra di testo ”Aggiungi CSS personalizzati” il seguente CSS:
.post h3{
text-align:center;
}
Nella stessa pagina in basso è disponibile l’Anteprima nella quale visualizzare lo spostamento del titolo del post al centro e subito dopo possiamo cliccare su “Applica al blog” per rendere immediatamente efficace la modifica per spostare da sinistra al centro il testo e centrare in questo modo automaticamente il titolo di un post in un blog di Blogger.
Come inserire o eliminare le etichette in un post di Blogger
Per aggiungere nuove etichette ai singoli post in un blog su Blogspot è possibile utilizzare il form disponibile nell’editor del post di Blogger sia in fase di inserimento del nuovo post,prima della sua pubblicazione nel blog,che successivamente in caso di modifica del contenuto.
Lo spazio “Etichette:”per scrivere il nome della nuova etichetta da mettere al post è visibile nell’angolo in basso a destra sotto la finestra che contiene il testo del post.
Nello spazio previsto per l’inserimento dei termini da collegare ai post è possibile inserire etichette composte da una singola voce o da più parole collegate;Per inserire più etichette in un post è necessario separare i termini utilizzati con la virgola
Per selezionare un’etichetta già utilizzata nei post precedenti possiamo utilizzare il link “Mostra tutto” ed aggiungere automaticamente il nome cliccandoci sopra.
Per i post già salvati in bozza,pubblicati o programmati per la pubblicazione automatica è possibile anche gestire l’inserimento di nuove etichette o l’eliminazione di quelle aggiunte in precedenza accedendo direttamente dalla Bacheca di Blogger al menu “Modifica post” che mostra l’elenco di tutti i post.
Dopo aver selezionato dalla lista,spuntando la casella a sinistra del titolo,i post del blog ai quali applicare le modifiche è possibile dal menu a tendina “Azioni etichetta” utilizzare le funzioni disponibili “Applica etichetta”,”Nuova etichetta” o “Rimuovi etichetta” per aggiungere o eventualmente eliminare le etichette dal singolo post o da più post selezionati contemporaneamente senza dover accedere necessariamente all’editor di Blogger.
Come reindirizzare al feed generato con FeedBurner il traffico di un blog su Blogger
Per fare in un blog il redirect dal feed già disponibile in Blogger a quello con possibilità di gestione più completa ed avanzata dei servizi e dei contenuti generato con FeedBurner è possibile inserire la modifica direttamente dalle “Impostazioni” della Bacheca di Blogspot.
E’ disponibile infatti nel menu “Feed sito” la sezione denominata “URL di reindirizzamento feed post” nella quale inserire l’URL completo del nuovo feed elaborato con FeedBurner ed al quale automaticamente sarà reindirizzato da Blogger il traffico generato dai contenuti dei nuovi post del blog.
Per completare l’aggiornamento con il redirect al feed di FeedBurner è sufficiente,a questo punto,cliccare in fondo alla stessa pagina sul bottone “Salva Impostazioni”.
Come recuperare dalla bacheca di Blogger un blog cancellato per errore dall’account
Per ripristinare un blog eliminato dall’account Blogger per sbaglio o per altri motivi ed annullare l’operazione effettuata è possibile utilizzare, al momento per i 90 giorni successivi alla cancellazione,direttamente dalla Bacheca di Blogspot il link “Mostra tutto” visibile in basso nel riquadro che mostra l’elenco dei blog disponibili nell’account Blogger.
Dopo aver cliccato sul collegamento nella bacheca sarà nuovamente visualizzato il nome del blog cancellato per errore con,accanto all’indicazione della data nella quale era stato eliminato,il link “Annulla eliminazione di questo blog”;per completare il recupero sarà sufficiente cliccare sul link per annullare l’eliminazione del blog di Blogspot e per vedere il titolo di nuovo disponibile per essere gestito in Bacheca con l’indicazione che il blog è stato correttamente ripristinato nell’account di Blogger.
Da questo momento sarà possibile inserire nuovi post e gadget o modificare le impostazioni o il design come prima dell’operazione con la quale il blog era stato cancellato per errore.
Come inserire in un template personalizzato i pulsanti di condivisione di Blogger
Per aggiungere i bottoni di condivisione sui social network di Blogger all’interno di un template personalizzato,caricato sul blog con l’apposita funzione,può non essere sufficiente selezionare,in “Design”>”Elementi pagina”,dall’elemento centrale “Post sul blog”>”Modifica" l’opzione per condividere i post su Gmail,Google Buzz,Blogger ,Twitter e Facebook
In alcuni template per Blogspot infatti può essere necessario,per la corretta visualizzazione del gadget per condividere, utilizzare la funzione di ripristino dei widget (che però elimina altre eventuali personalizzazioni già aggiunte ai widget) oppure inserire una porzione di codice aggiuntivo direttamente all’interno della finestra con l’HTML del template che è visibile nella sezione “Modifica HTML” del menu “Design” di Blogger.
Prima di inserire la modifica per aggiungere il tasto di condivisione è opportuno per sicurezza salvare il template che si sta utilizzando.Successivamente bisogna selezionare a destra della finestra del template l’opzione “Espandi modelli widget” ed individuare questo rigo:
<data:post.body/>
Per trovare velocemente il rigo è possibile utilizzare una scorciatoia da tastiera per cercare il rigo HTML
dopo aver trovato il rigo,subito sotto bisognerà aggiungere:
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
A questo punto è possibile visualizzare l’anteprima con il risultato della modifica al codice HTML prima di salvare il template con il codice aggiuntivo necessario,in alcuni template personalizzati,per vedere ed utilizzare i pulsanti per condividere i post di Blogger sui social network.
Come inserire codice HTML da visualizzare all’interno del post di Blogger
Per mettere una porzione di codice HTML dentro ad un post di Blogger per mostrare ai visitatori la sintassi HTML da utilizzare o il codice testuale esatto da copiare per creare un collegamento ad un link o per una mail,senza che il testo sia automaticamente interpretato in HTML e convertito nel browser ,è possibile utilizzare le “Opzioni post” presenti nell’editor di Blogspot.
Cliccando infatti sul link “Opzioni post”,nell’angolo in basso a sinistra dell’editor di Blogger,troviamo disponibili nel modulo di personalizzazione che si apre sotto la finestra di inserimento del testo la sezione “Impostazioni di composizione” nella quale invece di utilizzare la soluzione “Interpreta HTML digitato” possiamo selezionare la voce “Mostra HTML letteralmente” in modo che il codice venga mostrato in modo testuale e senza tradurre i comandi presenti nell’HTML.
In questo modo è possibile,con l’editor di Blogger in modalità “Scrivi”,inserire all’interno del post il codice HTML da mostrare direttamente ed in modo letterale ai visitatori del blog su Blogspot.
Come modificare le dimensioni di un video YouTube da incorporare in un post di Blogger
Per ridurre la larghezza del lettore di un video YouTube all’interno di un post del blog su Blogspot,se anche la misura di incorporamento più piccola scelta è comunque troppo larga rispetto alle dimensioni della colonna centrale nella quale è inserito,la soluzione può essere quella di modificare manualmente i valori di altezza e larghezza direttamente dall'editor del post.
Dopo aver aggiunto con copia-incolla il codice del video nell’editor di Blogger , selezionando nell'angolo in alto a destra la modalità "Modifica HTML",saranno visibili nel codice HTML del video YouTube da incorporare i valori width="XXX" height="XXX” relativi alle dimensioni del lettore ripetuti due volte,in entrambe le posizioni dovranno essere ridotti i valori indicati in pixel facendo attenzione a mantenere le stesse proporzioni tra altezza e larghezza per visualizzare il video nel lettore con le dimensioni di larghezza ed altezza ridotte in percentuali uguali rispetto a quelle originarie.
Come seguire un blog che non ha inserito il gadget “lettori fissi” Google Friend Connect
Per diventare sostenitori di un blog su Blogspot che non ha ancora inserito nel layout il gadget “Lettori fissi” di Google Friend Connect è possibile utilizzare direttamente l’opzione “Aggiungi”,disponibile nella sezione “Elenco lettura” nella bacheca di Blogger.Dopo aver cliccato su “Aggiungi” è possibile nel primo passaggio “Aggiungi blog da seguire” inserire l’URL del blog di cui siamo fan e che si vuole mettere tra i “Blog che seguo” e così poter visualizzare direttamente nella bacheca di Blogger i nuovi post inseriti in quel blog.
In questa finestra è disponibile anche l’opzione per importare i blog che già si seguono in Google Reader.
Cliccando su “Avanti” nel secondo passaggio “Blog che seguo” (Opzioni) si può scegliere se seguire privatamente o pubblicamente il blog,e scegliendo di seguire il blog in modo “Pubblico” il nostro profilo verrà visualizzato dall’autore del blog tra i “Lettori Fissi” dal link accanto al titolo del blog nella sua bacheca di Blogger ed eventualmente anche nel gadget Google Friend Connect se decidesse di inserirlo nel blog di Blogspot.
A questo punto è sufficiente cliccare su “Segui” per diventare sostenitore del blog e leggere gli aggiornamenti con i nuovi post pubblicati nella bacheca di Blogger.
Come inserire il bottone MI PIACE di Facebook nel post di un blog su Blogger
Prima di inserire la modifica per aggiungere il tasto di condivisione è opportuno per sicurezza salvare il template che si sta utilizzando.A questo punto bisogna selezionare a destra della finestra del template l’opzione “Espandi modelli widget” ed individuare questo rigo:
<data:post.body/>
Per trovare velocemente il rigo è possibile utilizzare una scorciatoia da tastiera per cercare il rigo HTML.Appena trovato il rigo bisogna incollare subito sotto il codice del pulsante per permettere ai visitatori di segnalare i post preferiti sul loro profilo Facebook in questa forma:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
Se la visualizzazione del blog con il tasto “Anteprima” conferma che l’inserimento del pulsante per condividere su Facebook con “Mi piace –Di’ che ti piace questo elemento prima di tutti i tuoi amici” è riuscito si può cliccare su “Salva Modello” per avere il bottone “Mi piace” all’interno dei post su Blogger.
! Attenzione !
Nel nuovo editor HTML di Blogger per inserire il "Mi piace" è necessario seguire la procedura indicata nell'articolo:Come aggiungere il pulsante MI PIACE di Facebook nei post di un blog su Blogger



