Come dividere in due colonne un Elenco di Link in un blog di Blogger

Per sdoppiare in due colonne affiancate l'elenco di blog presente in un gadget "Link List" nella sidebar di un blog di Blogger è possibile utilizzare uno specifico foglio di stile utilizzando la procedura per inserire i CSS.

Dopo aver verificato l'esatto codice ID del gadget "Elenco di Link" (es. LinkList1) che si desidera dividere in due colonne verticali  è possibile infatti inserire il seguente codice per sdoppiare in due colonne verticali,posizionate una a fianco dell'altra,i link dei blog preferiti inseriti nel gadget .

 #LinkList1 ul li{
float: left;
width: 45%;
}

La dimensione della colonna laterale del blog che contiene il gadget "Elenco di Link" da dividere in due parti deve essere sufficiente per visualizzare correttamente il testo dei link così affiancati in due sezioni

Come avere il tasto +1 Google in modo automatico in un blog di Blogger

Per inserire in un blog di Blogger il bottone +1 Google in un modulo che contiene anche gli altri pulsanti di condivisione automatica sui social network (Facebook Twitter) è possibile dalla bacheca di Blogspot nella sezione “Design”>”Elementi pagina” cliccare sul link “Modifica” presente nell’elemento centrale “Post sul blog” che permette di accedere alla finestra di configurazione delle opzioni da mostrare nel post di Blogger.

 
Nella schermata successiva è possibile infatti selezionare tra gli elementi disponibili in “Opzioni pagina di post” la funzione “Mostra i pulsanti per la condivisione” che,dopo aver cliccato in basso su “Salva”,permette di mostrare insieme ai tasti per condividere su Blogger,Twitter,Facebook o per email anche il bottone per condividere con il +1  di Google.

 
Per chi desiderasse invece inserire il pulsante che permette ai visitatori di segnalare alla propria rete di amici Google i post in un modo simile al MI PIACE di Facebook in una diversa posizione nel blog è necessario inserire i tag specifici del +1 Google nel codice HTML del blog di Blogger.

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 != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != &quot;&quot;'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' 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 + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption != &quot;&quot;'>
        <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 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 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

Per realizzare un menu orizzontale personalizzato da posizionare sotto al titolo del blog su Blogspot con i link alle pagine delle etichette con gli argomenti del blog,ai singoli post o alle pagine aggiuntive ed anche al proprio account su Facebook Twitter o Picasa oppure ad altri blog è possibile utilizzare direttamente il gadget “Elenco di link” disponibile da “Design”>”Elementi pagina” "Layout" > "Aggiungi un gadget” tra i gadget base 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.

Dopo aver inserito nella finestra “Configura elenco di link” con lo strumento “Aggiungi link” gli URL alla Home Page,a pagine di etichette,a post o a pagine statiche e scelto i nomi da mettere nel menu e la posizione nell’elenco orizzontale è possibile cliccare su “Salva” per aggiungere il menu personalizzato al blog su Blogger come è visibile in gadgetperblogger.blogspot.com
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 organizzare i post per categorie in un blog su Blogger con il gadget “Etichette”

Per dividere i post di un blog su Blogspot in base all’argomento trattato e consentire al lettore di accedere con facilità alla pagina con tutti i post relativi ad una specifica categoria è possibile inserire (è necessario prima aggiungere le etichette ai singoli post di Blogger)il gadget “Etichette”.
Dalla bacheca di Blogger nella sezione “Layout” cliccando su un modulo “Aggiungi un gadget” possiamo infatti selezionare tra i gadget base di Blogspot il gadget “Etichette” che permette di suddividere nel blog i post in base alla categoria di appartenenza ed al tema o all’argomento trattato.

Nella finestra di configurazione del gadget è possibile eventualmente cambiare il titolo “Etichette” con quello che l’autore del blog preferisce ed impostare le principali caratteristiche di visualizzazione del widget e scegliere quindi se mostrare le etichette in un elenco ordinato oppure a nuvola ed optare tra l’ordine alfabetico o per frequenza in base alle etichette più utilizzate.

Da “Mostra il numero di post per etichetta” possiamo decidere anche se far vedere nel blog il numero dei post abbinati ad ogni categoria e selezionando in “Mostra” l’opzione “Etichette selezionate” sarà possibile,in una nuova finestra,scegliere,tra le etichette create,solo quelle che desideriamo mostrare nel gadget.
Questa funzione,combinata con la possibilità di inserire nel blog più di un gadget “Etichette”,consente all’autore del blog di creare utili e funzionali menu di navigazione tematici a disposizione del visitatore di un blog su Blogger.

Come aggiungere la colonna sinistra in un blog su Blogger dal Designer di Modelli

Per inserire nel blog una seconda colonna laterale da posizionare a sinistra della colonna principale del blog oppure per scegliere altre opzioni per l’impostazione di visualizzazione del blog con una terza colonna è possibile utilizzare,nei nuovi template di Blogger,il menu “Layout” disponibile nel “Designer di Modelli”.
Da “Layout”>”Layout corpo” è possibile scegliere tra otto diverse soluzioni grafiche per l’inserimento dei contenuti relativi ai post nell’elemento “Post sul blog” e per aggiungere i gadget nelle sidebar del blog su Blogspot.
Possiamo infatti anche scegliere di posizionare due colonne per i widget a destra che diventano tre con una sidebar più grande in alto e divisa in due sezioni più piccole in basso oppure utilizzare solo la colonna del post senza inserire la sidebar.

Dopo aver selezionato l’opzione che prevede una terza colonna del blog da mettere a sinistra dei post,se fosse necessario riorganizzare la posizione dei gadget già presenti nel blog di Blogger,è sufficiente trascinare con il mouse gli elementi visibili nell’anteprima.
Troviamo infatti nella preview,presente in basso nella stessa finestra di configurazione,le sezioni tratteggiate “Trascina i tuoi gadget qui” per spostare la posizione dei gadget dalla colonna destra a quella sinistra e mettere ogni widget nella posizione più adatta.

A questo punto per completare l’inserimento della terza colonna a sinistra nel blog su Blogger è necessario cliccare su “Applica”,in alto a destra nel Designer di modelli” per visualizzare così il blog con una seconda colonna laterale.
Dallo stesso menu “Layout” è possibile anche impostare il “piè di pagina” del blog.

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 aggiungere il Copyright nel gadget “Attribuzione” in un blog di Blogger

Per aggiungere nel blog,invece che una licenza Creative Commons un divieto di utilizzo non autorizzato da parte di terzi con l’indicazione del Copyright,relativo ai contenuti di un blog dei quali è proprietario l’autore stesso,sono disponibili diverse soluzioni tecniche.
E’ possibile infatti incorporare il testo del Copyright nella pagina con il Disclaimer del blog,inserire il riferimento in Home page in un gadget “Testo” oppure per i template realizzati con il Designer di modelli di Blogger mettere il riferimento alla proprietà ed ai diritti di riproduzione riservati all’autore del blog direttamente all’interno del gadget “Attribuzione” disponibile dalla Bacheca di Blogger nella sezione “Design”>”Elementi pagina”.

Dal link “Modifica” è possibile accedere alla finestra di configurazione del gadget “Attribuzione” di Blogspot ed inserire nello spazio apposito riservato all’inserimento facoltativo di un avviso di Copyright il testo scelto,ad esempio:
Copyright © 2014 Nome del blog by Autore del blog. All rights reserved Nella stessa schermata è possibile visualizzare l’anteprima del testo aggiunto e salvare l’inserimento nel template del gadget con l’indicazione dei diritti riservati al proprietario del blog naturalmente relativamente ai contenuti(testi,immagini,video,foto,audio,etc.) dei quali è autore e legittimo proprietario.

Come inserire un’immagine nell’intestazione del blog di Blogger

Per mettere una foto, scelta dal proprio computer o prelevata dal web, nell’intestazione del blog di Blogspot è possibile utilizzare la finestra di configurazione del modulo “Intestazione” visibile in alto , con il nome del blog, nella sezione “Layout” alla quale è possibile accedere dal link disponibile nel menu a tendina presente nella bacheca di Blogger.

 

In “Configura intestazione”,sotto al titolo ed alla descrizione  del blog sono presenti gli strumenti per caricare la foto nell’header del blog direttamente dal proprio PC,cliccando su “Sfoglia”,oppure per mettere come sfondo del titolo del blog un’immagine già online su Internet selezionando “Dal web” ed inserendo l’indirizzo web (URL) della foto.
Nelle opzioni di posizionamento è possibile ridurre ed adattare le dimensioni dell'Header e stabilire se visualizzare l’immagine insieme al titolo ed alla descrizione oppure in sostituzione di questi elementi.
Per salvare le modifiche e visualizzare nel blog di Blogger il nuovo Header con l’immagine è sufficiente cliccare su “Salva” nell’angolo in basso della finestra di impostazione del gadget “Intestazione”.

Come mettere un link ad una foto inserita in un gadget di Blogger

Per aggiungere un link ad una foto inserita in un gadget di Blogger è possibile mettere il codice HTML per collegare un’immagine ad un link oppure utilizzare direttamente il gadget “Foto” disponibile dalla Bacheca di Blogspot nella sezione “Design” > “Elementi pagina” dal link “Aggiungi un gadget” che consente di posizionare nuovi elementi e moduli nel layout della colonna laterale del blog.
Dopo aver selezionato il gadget “Foto”,nella finestra di configurazione che si apre troviamo infatti,oltre agli strumenti per caricare l’immagine o la foto dal proprio computer o da Internet ed eventualmente ridimensionare le misure,anche la possibilità di inserire un collegamento ipertestuale con un link ad un URL esterno oppure ad una pagina dello stesso blog su Blogspot.

Nello spazio “Collegamento” possiamo inserire l’indirizzo internet (URL) della pagina del blog su Blogger o del sito web al quale deve essere collegata la foto e verso la quale verrà eseguito il collegamento quando il visitatore del blog farà clic sull’immagine.
Lo stesso gadget “Foto” può anche essere utilizzato per permettere agli utenti che cliccano sull’immagine di inviare una mail al blogger al suo indirizzo di posta elettronica.

Che cosa è il Feed del blog e come si può utilizzare in Blogger

Il feed è un file che contiene i contenuti aggiornati di una pagina web, in Blogger sono disponibili il feed per visualizzare i post pubblicati (contiene gli ultimi 25 post),il feed per visualizzare complessivamente tutti i commenti ai post dei lettori ed il feed per abbonarsi e seguire i commenti ad un singolo post.
Il feed con i post del blog contiene l’elenco con gli ultimi post inseriti nel blog e nel titolo il link diretto alla pagina del post, può essere utilizzato per condividere i contenuti nel proprio blog o in altri blog con un gadget “Feed”,disponibile in “Layout"> “Aggiungi un gadget”.
Ed è soprattutto utile per la possibilità che offre ai lettori che si abbonano al feed di ricevere automaticamente i nuovi post pubblicati nel blog in un lettore di feed come ad esempio Google Reader. (Aggiornamento: Google annuncia la chiusura di Google Reader)
L'indirizzo del feed di un blog di Blogger è raggiungibile aggiungendo all'URL della Home Page del blog: /feeds/posts/default
E’ possibile visualizzare il Feed in un blog su Blogger anche cliccando sull'icona arancione del browser utilizzato oppure all'interno del blog direttamente dal link Iscriviti a:Post (Atom)  in basso sotto ai post.
Per chi utilizza Strumenti per i Webmaster Google per rendere più veloce e per monitorare l’indicizzazione del blog è anche possibile utilizzare direttamente il feed dei post come sitemap per far acquisire più rapidamente al motore di ricerca di Google informazioni dirette sulla struttura del blog e sugli URL dei post già pubblicati nel blog di Blogger.

Come inserire il bottone MI PIACE di Facebook nel post di un blog su Blogger

Per aggiungere il bottone “Mi piace”(I like) all’interno del post su Blogspot è possibile inserire la porzione di codice del gadget di Facebook direttamente all’interno della finestra con l’HTML del template che è visibile nella sezione “Modifica HTML” del menu “Layout” (Design) di 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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' 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

Come aggiungere su Blogger il bottone di condivisione con il contatore di Google Buzz

Per aggiungere il pulsante di condivisione di Google Buzz dentro al post in un blog su Blogspot è necessario aggiungere il codice HTML prelevato dalla pagina dei pulsanti di Google Buzz nella quale personalizzare lo stile del pulsante e scegliere la visualizzazione con il contatore sistemato in alto nel logo di Buzz o lateralmente ed è possibile anche mettere dentro il post solo il pulsante oppure il link diretto di condivisione.

Dopo aver personalizzato il bottone con il contatore che indica quante volte il post è stato condiviso,in basso nella pagina è visibile il codice HTML che con copia e incolla dovrà essere aggiunto nel template di Blogger da “LAYOUT”>MODIFICA HTML”.Prima di inserire la modifica è opportuno per sicurezza salvare il template che si sta utilizzando.A questo punto bisogna selezionare a destra l’opzione “Espandi modelli widget” ed individuare questo rigo:  

<div class='post-header-line-1'/>

Per trovare con rapidità il rigo è possibile utilizzare una scorciatoia da tastiera per cercare il rigo HTML.Appena trovato il rigo bisogna incollare subito sotto il nuovo codice del pulsante per condividere su Google Buzz.Se la visualizzazione del blog con il tasto “Anteprima” conferma che l’inserimento del pulsante di Google Buzz è riuscito si può cliccare su “Salva Modello”.
Per creare ed ottenere il gadget è possibile collegarsi direttamente alla pagina di “Posta su Buzz” di Google.

Come inserire il bottone “Seguimi su Buzz” in un blog di Blogger

Per aggiungere nella colonna laterale del blog di Blogspot il pulsante ufficiale di Google Buzz che permette di seguire il profilo del proprietario del blog è sufficiente inserire nell’apposito spazio della pagina del widget l’URL del profilo Google dell’autore del blog per generare immediatamente il codice HTML da mettere con copia-incolla all’interno di un gadget.Nella pagina è anche presente,oltre alla possibilità di avere il gadget in italiano,un link,utile per chi non conoscesse l’URL del proprio profilo Buzz,che permette di collegarsi all’account e visualizzare direttamente nella barra degli indirizzi del browser l’URL del proprio account di Google Buzz.

A questo punto,prelevato il codice HTML del bottone con il link al profilo Buzz,dalla bacheca di Blogger nel menu “Layout”>Aggiungi un gadget” bisogna selezionare un gadget HTML/Javascript ed incollare all’interno il codice del tasto “Seguimi su Buzz”e poi salvare il widget da posizionare,dove si preferisce,nella colonna laterale del blog su Blogger.Per realizzare e prelevare il codice è possibile collegarsi direttamente alla pagina per promuovere il proprio account di Google Buzz con il pulsante “Segui su Buzz”.