Come aggiungere immagini e foto nel post su Blogger

Per inserire immagini o foto all'interno del post in un blog su Blogspot è possibile utilizzare,tra gli elementi disponibili nella barra degli strumenti visibile in alto nell'editor del post, lo strumento"Inserisci immagine" che permette di caricare le foto dal proprio computer,dal Picasa Web disponibile con l'account Google e dove è già presente l'album con tutte le foto già pubblicate sul blog ed anche direttamente da un'immagine disponibile online su Internet dopo aver inserito l'URL,l'indirizzo web diretto all'immagine, nell'apposito spazio.
 
Dopo aver cliccato sull'icona dell'inserimento immagine,nella finestra successiva troviamo il menu con le tre possibili opzioni per mettere una foto sul blog di Blogger;per caricare una foto dal proprio PC è sufficiente selezionare "Da questo blog" e successivamente su "Carica" per prelevare da una cartella sul nostro computer un file immagine nei formati JPG,GIF,PNG TIF o BMP facendo doppio click sulla foto scelta per essere aggiunta nell'elenco delle foto disponibili per essere caricate nel post di Blogger.

Per l'inserimento di queste nuove foto,dopo aver selezionato l'anteprima disponibile nella finestra del caricamento immagini,bisogna cliccare sul tasto"Aggiungi selezionate" e caricare così dentro al post e nel punto prescelto le immagini scelte per il nuovo post su Blogspot.A questo punto è possibile scegliere le dimensioni della foto tra piccola,media,grande ed extra-large ed anche stabilire come posizionare,a sinistra,a destra o al centro, l'immagine da mettere all'interno del post ed è presente anche il comando per rimuovere eventualmente l'immagine se si desidera cancellare o sostituire la foto presente nel post su Blogger.

Come tagliare ed accorciare online un video di Youtube da inserire in un post nel blog su Blogger

Per inserire nel blog solo una parte di un video caricato su YouTube e far vedere ai lettori del blog su Blogger o su Wordpress solo il pezzo più interessante di un video troppo lungo per essere inserito tutto è possibile utilizzare il servizio online TubeChop.

Questo strumento web permette di impostare con facilità la lunghezza del video da ridurre e stabilire il momento da cui deve partire il video e quello in cui deve finire e generare una nuova versione più corta con un nuovo codice HTML da utilizzare per inserire un video YouTube in Blogger oppure in Wordpress,Tumblr,Typepad o altre piattaforme di blog.

 

 

Per accorciare il video intero caricato su YouTube è possibile fare la ricerca sul sito oppure inserire direttamente l’URL che è possibile prelevare,direttamente nella pagina su YouTube del video da modificare,cliccando sul tasto “Condividi” sotto al lettore e che oltre a permettere di condividere un video su Facebook,Twitter,Buzz,Blogger ed altri Social Network mostra il link diretto al video da copiare ed incollare nell’apposito spazio su TubeChop.

 

 

A questo punto inserito l’indirizzo web del video nello spazio in Home Page, TubeChop lo cerca e lo visualizza in miniatura,dopo aver cliccato su “Chop it” è possibile vedere ed utilizzare lo strumento web realizzato per tagliare le dimensioni e ridurre la lunghezza di un video del quale si desidera inserire solo una porzione su Blogspot o Wordpress .

 

 

Per scegliere l’inizio e la fine del video da mostrare nel blog è possibile inserire direttamente i minuti ed i secondi nell’apposito spazio,oppure utilizzare il tasto Play/Stop e trascinare con il mouse le barrette laterali per impostare il pezzo del video che desideriamo ottenere.A questo punto basterà cliccare nuovamente su “Chop it” per ottenere il nuovo codice HTML di TubeChop da incorporare con copia incolla,ad esempio,all’interno dell’editor del post su Blogger.Per chi volesse utilizzare questo utile strumento online per tagliare i video troppo lunghi è possibile collegarsi direttamente alla Home page dello strumento online Tubechop.com.

 

Come aggiungere i pulsanti ufficiali di Google Buzz nel Blog

Per aggiungere in un blog il bottone per condividere i post su Google Buzz ed il tasto “Seguimi” per consentire al visitatore di seguire il profilo del blogger su BUZZ è possibile utilizzare la pagina creata appositamente da Google e dedicata ai pulsanti ufficiali da inserire nei blog su Blogspot o Wordpress ed anche su altre piattaforme per blogger o siti web.



Con questo servizio,dopo aver personalizzato i bottoni e generato il codice HTML da copiare ed incollare,è possibile mettere il pulsante “Posta su Buzz” all’interno del post su Blogger o su Wordpress aggiungendo direttamente il codice nel template del blog;è anche prevista in Blogger la possibilità di utilizzare un gadget HTML/Javascript per aggiungere il widget di condivisione nella colonna laterale del blog.Con la stessa modalità di inserimento da “Layout”>Aggiungi un gadget” possiamo selezionare il gadget HTML/Javascript per aggiungere “Segui su Buzz” su Blogspot nel blog.Per avere i bottoni personalizzati ufficiali di Buzz è sufficiente collegarsi direttamente alla pagina dei pulsanti di Google Buzz.

Come creare il gadget dei post recenti su Blogger utilizzando FeedBurner

Per realizzare e personalizzare un widget per il blog con l’elenco ed i link agli ultimi post pubblicati nel blog è possibile utilizzare il feed del blog generato con FeedBurner che è la piattaforma di servizi integrati e contenuti avanzati per il feed  disponibile gratuitamente con l’account Google. Nel menu “PUBLICIZE” è infatti presente l’opzione “BuzzBoost” per creare il widget  dei post più recenti;è possibile impostare il numero di post da visualizzare fino ad un massimo di 15 o selezionare “All” per mostrare tutti i post che il feed contiene e stabilire se il link deve essere aperto in una nuova finestra.Tra le tante opzioni che è possibile personalizzare nel gadget da creare con FeedBurner,oltre al titolo,all’autore ed alla favicon del blog,troviamo anche diverse possibilità per aggiungere ad ogni elemento un riassunto del post con varie lunghezze.Stabilite tutte le caratteristiche del gadget dei post recenti che può anche contenere,selezionando l’opzione “Display link to feed” il link diretto per permettere ai visitatori di abbonarsi al feed,basterà cliccare su “ACTIVATE per realizzare il widget per i blog su Blogger,Wordpress,Typepad o altre piattaforme di blog.

 

 

A questo punto il codice HTML generato è disponibile per essere aggiunto con copia-incolla in un elemento HTML/Javascript ed è possibile anche inserire direttamente il gadget in un blog di Blogspot selezionando nel menu a tendina l’opzione “Blogger” e cliccare su “GO” per mettere immediatamente il widget con gli ultimi post scritti nella colonna laterale del blog.Nella stessa finestra è disponibile anche l’anteprima del gadget ed è sempre possibile modificare il contenuto e salvare poi,in basso nella pagina,con “SAVE” per generare il nuovo codice HTML da inserire in Blogger per vedere il gadget dei post più nuovi creato con FeedBurner.

 

Come inserire con il Designer di Modelli di Blogger un’immagine come sfondo del blog

Per personalizzare il template di Blogger ed aggiungere una foto oppure un’immagine diversa da quelle già disponibili,divise per categoria,tra le opzioni per lo sfondo del Designer di Modelli è possibile utilizzare un’altra funzionalità del Designer di Modelli di Blogspot che permette di aggiungere stili personalizzati CSS al modello di template scelto.Dal menu visibile a sinistra nel generatore di modelli dopo aver selezionato “AVANZATO” tra gli elementi che è possibile personalizzare in fondo alla pagina troviamo “Aggiungi CSS;Per aggiungere l’immagine o la fotografia preferita scelta per diventare lo sfondo del blog e renderlo in questo modo ancora più originale e personale bisogna inserire nella finestra alla destra di “Aggiungi CSS questo codice.

 

.body-fauxcolumn-outer {
background: url(http://www.example.com/image.png);
}
.body-fauxcolumn-outer div {
background: none;
}

 

Nel codice la parte in rosso http://www.example.com/image.png andrà sostituita con l’URL online dell’immagine,l’immagine infatti per poter essere visibile e diventare lo sfondo del template deve essere sul web utilizzando un servizio di hosting gratuito come quello di TinyPic che fornisca l’URL diretto all’immagine.

Prima di salvare il codice può essere necessario modificare la formattazione così:

 

.body-fauxcolumn-outer { background: url(http://www.example.com/image.png);
}
.body-fauxcolumn-outer div {
background: none;
}

 

 

A questo punto  dopo aver cliccato su “Applica al blog” lo sfondo del blog su Blogspot sarà sostituito dalla foto scelta;per chi volesse eventualmente cambiare successivamente l’immagine sarà sufficiente tornare nella finestra “Aggiungi CSS” del Designer di Modelli di Blogger e sostituire l’URL online con quella della nuova foto scelta come background del blog su Blogger,naturalmente questo strumento integrato nel Designer di template è utilizzabile per inserire altri comandi come quello che permette di centrare il titolo del blog e tutti quelli che è possibile inserire direttamente con la personalizzazione di stili CSS.