17 marzo 2009

Come inserire Adsense all'interno dei post


Quando un nuovo Blogger, dopo aver settato e iniziato a scrivere decine e decine di nuovi post, la sua domanda più ricorrente è: "ma ci posso guadagnare con il mio Blog?".

Certo che si può guadagnare, e con Google Blogger l'inserimento di Adsense è abbastanza facile, ovviamente dopo essersi iscritti.

Ma leggendo vari ebook o post sull'ottimizzazione di Adsense, si scopre che la migliore posizione è subito sotto il titolo del post, ossia tra il titolo e il post.

Il banner Adsense migliore da utilizzare?

Sicuramente il 336 x280.

Ma come possiamo mettere l'annuncio Adsense sotto il titolo se Blogger non lo permette?

Esiste la possibilità di farlo ma purtroppo fa fatto manualmente, prendendo il codice generato da Adsense, adattarlo per Blogger, e successivamente posizionarlo sotto il titolo.

Facile?

Andiamo a fare tutti questi passaggi insieme. 

1 - Generiamo il codice Adsense.

Per prima cosa entriamo nel nostro account Adsense, e una volta loggati passiamo in "Impostazioni Adsense".

Adesso clicchiamo su "Adsense per i contenuti" e successivamente su "Insieme di annunci".

Adesso scegliamo il nostro formato(336x280), i colori in base al nostro Blog, cosi come il tipo di carattere e lo stile degli angoli.

Continuiamo la nostra personalizzazione, inserendo come nostro criterio il nome del Blog o quello che preferisci, e successivamente preleviamo il codice Adsense generato.

Ma questo codice deve essere convertito poiché Blogger utilizza XML invece di Html e quindi va convertito.

2- Conversione da HTML a XML

Adsesso che abbiamo generato il nostro codice Adsense il nostro compito sarà quello di convertirlo in XML, grazie ad un sito web che si chiama Blogcrowds.

Come per l'immagine sotto inseriamo il nostro codice all'interno del box e selezioniamo "Parse", e la conversione è avvenuta.

Adesso sarà sufficiente copiare il nuovo codice magari sul nostro NotePad e passare alla prossima procedura.

3- Back-Up Template Blogger

Come abbiamo gia visto in altri post, quando si eseguono modifiche al nostro template conviene sempre eseguire un Back-Up del template, semplicemte cliccando su "Scarica modello completo"

4 - Inserire Nuovo codice Adsense

Adsesso andiamo ad inserire il nostro codice generato tra il titolo e il post.

Entriamo in Blogger e successivamente Layout ,  Modifica HTML, e selezionate "Espandi i modelli widget".

A questo punto andiamo a cercare nel codice XML di Blogger la stringa di codice: 

e subito sopra incolliamo il codice generato con Blogcrowds.

Fatto ciò, salvate il modello e tutti i post avranno tra il titolo e il post l'annuncio Adsense.

Alcuni Template hanno stringhe diverse, e quindi invece di avere:

hanno:


Se avete commesso errori e se il Blog non dovesse andare potete ripristinare il tutto con il Back-Up del modello eseguito precedentemente.

Al prossimo articolo,

Marco

14 marzo 2009

Come eliminare il nome del Blog dal titolo del post Blogger

Molti mi chiedono come mai, il loro Blog su piattaforma Blogger non viene ben indicizzato dal Google, anche se Blogger fa parte di Google stesso?

Le risposte sono molte, ma la principale risposta, che andremo a trattare oggi è riferita al fatto di eliminare il nome del Blog, prima del titolo dei nostri post.

cattura158

Come vedi dall'esempio sopra, nel Browser di Explorer esce come titolo:"Personalizza il tuo Blogger: Fare il Back-up...".

In questo modo i motori di ricerca prendono come buono l'inizio del titolo pagina cioè "Personalizza il tuo Blogger" e di fatto i nostri articoli non verrranno MAI indicizzati.

Qualsiasi post che scrivi avrà sempre come inizio il nome del Blog, di fatto penalizzando fortemente le visite attraverso la ricerca organica dei motori di ricerca.

Il nostro problema da risolvere oggi è quello di eliminare il nome del Blog prima del titolo dei nostri post.

Blogger non ha una funzione già impostata per eliminare questo problema, quindi dovremo eliminare manualmente questo effetto.

Entrate nella "Personalizzazione" del vostro Blogger e successivamente entrate in Layout > Modifica HTML e cercate nel codice di XML di Blogger questa stringa di codice:

Come al solito per cercare la stringa è sufficiente cliccare su CTRL+F, se avete paura di sbagliare fate un Back-up del modello.

Trovata la riga di codice, sopraelencata, andate a sostituirla con il seguente codice:



Salvate modello e controllate che il tutto sia avvenuto con successo.

cattura159

Come puoi notare in questa immagine non appare più il nome del Blog ma solo il titolo del post.

Questo ci portera molti visitatori, ovviamente sempre in base alle Key che abbiamo inserito nel titolo del post.

Al prossimo articolo,

Marco

10 marzo 2009

Come eliminare la barra di navigazione di Blogger

C'è a chi piace, e chi non la sopporta minimamente!

Di cosa sto parlando? 

Ma della barra di navigazione di Blogger, chiamata anche Navbar di Blogger.

Succede qualcosa se viene tolta? Si può essere bannati per averla eliminata?

Nulla di tutto questo, in teoria la Navbar, serve ai blogger per accedere più velocemente al vostro Blog, o ricercare Blog nello spazio di ricerca Blogger.

Ma se di questi piccoli aiuti, ne possiamo fare a meno, allora la barra di navigazione non serve praticamente a nulla.

Allora andiamo a vedere come eliminarla, ed eventualmente ripristinarla.

Per prima cosa dobbiamo entrare nel nostro Blog, attraverso la barra di navigazione su "Personalizza" visto che sarà anche l'ultima volta che la utilizzeremo.

Successivamente clicchiamo su "Layout" e poi "Modifica HTML" adesso, come ogni modifica che andiamo a fare al nostro Modello facciamo prima un Back-up.

Adesso che siamo a posto dobbiamo cercare nel codice HTML, che in parte varia da modello e modello, questa stringa di codice:

-----------------------------------------------

* Blogger Template Style *
Name: Mr. Moto Rising (Ellington style) *
Designer: Jeffrey Zeldman *
URL: www.zeldman.com *
Date: 23 Feb 2004 *
Updated by: Blogger Team

* ----------------------------------------------- */

/*

Variable definitions ====================

 

Adesso il nostro compito sarà quello di inserire tra la stringa "*/ /* " questo codice, che altro non dice di non essere importante la Navbar:

#navbar-iframe {
display: none !important;
}

 

Ed alla fine diventerà:

 

-----------------------------------------------

* Blogger Template Style *
Name: Mr. Moto Rising (Ellington style) *
Designer: Jeffrey Zeldman *
URL: www.zeldman.com *
Date: 23 Feb 2004 *
Updated by: Blogger Team

* ----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/*

Variable definitions ====================

Salvate il modello e la barra non c'è più.

Al prossimo articolo,

Marco Ceccarelli

17 febbraio 2009

Blogroll nuovo per Google Blogger

Nella politica di inserire dei Blogroll o link a siti, all'interno dei Blog, nasce la novità firmata Google Blogger.

Si chiama semplicemente "Elenco Blog" e permette una volta inserito il link di un Blog, di vedere l'ultimo post pubblicato.

Ottimo metodo per chi ha più Blog, o magari per chi ha dei Blog che segue, avendo sempre in prima pagina l'ultimo post.

Per creare questo nuovo Blogroll, la procedura è sempre la stessa, ovvero entrare in "Layout" e cliccare su "Aggiungi un Gadget".

Aperta la finestra relativa alla scelta dei Gadget o Elementi, scegliamo "Elenco Blog" e una volta scelto il nome o ed inseriti i link di Blog il tutto appare nella nostra barra laterale.



Mettiamo adesso il nome del nostro "Elenco Blog", scegliendo tra il solito Blogroll, o magari "I miei Blog", insomma scegli tu.

Una volta inseriti tutti i Blog e scelte le opzioni, il gioco è fatto.

Sicuramente va detto, che se dobbiamo mettere 10 Blog le dimensioni iniziano ad essere eccessive, però se non sono molti i Blog vale la pena inserire questo nuovo Elemento o "Gadget".

Al prossimo articolo,

Marco  

Fare il Back-up del Blog per Google Blogger


Fare un Back-up del nostro Blog è molto importante visto che si possono perdere tutti i nostri lavori di ore ed ore, compresi i commenti dei nostri lettori più assidui, come dei visitatori giornalieri.

Se il vostro problema però è quello di fare il Back-up del modello/template, a causa di cambiamenti del codice HTML, allora il passaggio è diverso visto che la procedura da fare sarà quella di andare in "Layout" ed entrare in "Modfica HTML".

Una volta dentro dobbiamo cliccare su "Scarica modello completo", e in caso di problemi possiamo ripristinarlo cliccando su "Scegli file", preceduto dalla scritta "Carica un modello da un file sul tuo HD".

cattura145

Se il vostro problema è invece quello di fare un Back-up totale del Blog, allora la procedura è diversa.

Usciamo dalla sezione "Layout" ed entriamo nella sezione "Impostazioni" > "Generale" ed a questo punto nella prima riga "Strumenti del Blog" abbiamo tre opzioni che sono "Importa Blog" "Esporta Blog" "Elimina Blog".

L'opzione che ci riguarda in questo caso è quella di salvare il nostro Blog.  Quindi clicchiamo su "Esporta Blog".

cattura146

Una volta cliccato, ci appare una successiva schermata che ci conferma di "Scaricare il Blog" e il file sarà scaricato in formato XML e con la data del back-up cosi da non confondere con successivi o procedente back-up.

Se abbiamo bisogno di ripristinare il nostro blog, allora sempre dalla sezione "Impostazioni" > "Generale" > "Strumenti del blog" clicchiamo su "Importa Blog" e scegliendo il file sempre con estensione XML.

La velocita di Dowload o Upload dipende ovviamente dalla grandezza del vostro Blog.

Il mio consiglio, se siete dei grossi scrittori di post, è quello di fare almeno un back-up al mese cancellando il precedente back-up.

Al prossimo articolo,

Marco

Personalizzare Blogger attraverso il Layout



Iniziamo la personalizzazione del nostro Blog dalla base ovvero apportare le prime modifiche semplici grazie alle funzioni del Layout.

Il Layout è composto da:


- Elementi Pagina

- Caratteri e colori 

- Modifica Html

- Scegli modello

- Monetize (New)


Elementi Pagina - Attraverso questa funzione possiamo aggiungere "Gadget", cosi li chiama adesso Google, il quale non fa altro che aggiungere nella barre laterali o in basso e in alto del post, degli elementi come: 
  • Immagini
  • Slide
  • Video
  • Link
  • Blogroll
  • Html
  • Adsense
  • Ecc.
Semplicemente, o quasi, possiamo aggiungere il nostro elemento e spostarlo dove vogliamo, cliccandoci sopra e spostandolo con il mouse.

Caratteri e Colori - Con questa funzione possiamo invece modificare il colore di sfondo, lo sfondo pagina, il colore del testo, il colore del link, insomma si può abbastanza adattare il nostro template base.

Modifica HTML - Questa funzione è però dedicata solo ai più esperti anche se alcune modifiche semplici saranno descritte nei prossimi post, come per esempio eliminare la barra in alto di Blogger ed altre semplici funzioni, ma saranno descritte in altri post.

Scegli modello - Anche se non sono molti i modelli a disposizione, però con le modifiche che si possono attuare, possiamo sicuramente dare un nostra personalizzazione al Blog.  La scelta ricade sempre sui soliti 16 modelli.  Sarebbe ora che Google inserisse alcuni nuovi modelli vista la enorme differenza di scelta che c'è con Wordpress, ma pensiamo ad altro.

Monetize - Nuova funzione di Blogger che permette di  inserire annunci Adsense all'interno dei post, ma personalmente preferisco l'inserimento manuale.

Come vedi le basi per creare un Blog personalizzato ci sono e nei prossimi post ci saranno sempre nuove opzioni per ottimizzare il Blog.

Al prossimo articolo,

Marco