Come inserire un contatore delle visite di ogni singolo post su Blogger.

Per vedere in quanti hanno letto un articolo del tuo blog su Blogger puoi sempre accedere a Google Analytics e controllarne i dati. Può essere interessante mostrare anche ai visitatori quante sono state le persone che hanno letto quel post prima di loro. Si può cioè creare un contatore che mostra tale numero e piazzarlo, per esempio, subito sotto al titolo del post
 

Ho pensato di dare due opzioni di inserimento: con icona o senza icona. In ogni caso è tutto completamente personalizzabile come vedremo. Iniziamo con l'HTML

CODICE CONTATORE CON ICONA 

<!--CONTATORE VISITE POST CON ICONA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #868686; padding:2px; margin:2px; width:100px; display:compact'><img  src='http://public.blu.livefilestore.com/y1pKP01KwX_b6o1rWk7WzskW-KSB-4ahGl17vzhgoD6bEmbV_wSUMCxvNTv03R3RooFcWaakJ300N7k4Ud7xTS2DQ/visite.gif' width='16' height='16'/> <a href='URL_DELBLOG'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Visite</font></b></a></div></b:if>
<!--CONTATORE VISITE POST CON ICONA FINE - http://parsifal32.blogspot.com-->

CODICE CONTATORE SENZA ICONA

<!--CONTATORE VISITE SENZA ICONA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #868686; padding:2px; margin:2px; width:100px; display:compact'><a href='URL_DEL_BLOG'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Visite</font></b></a></div></b:if>
<!--CONTATORE VISITE SENZA ICONA FINE - http://parsifal32.blogspot.com-->

Le parti evidenziate in rosso possono essere personalizzate nel seguente modo:

1. Le dimensioni del rettangolo (width:100px)
2. Lo spazio esterno al rettangolo (margin: 2px)
3. Lo spazio interno al rettangolo (padding: 2px)
4. La forma del rettangolo (solid = linea continua, dashed = linea tratteggiata, dotted = linea punteggiata)
5. Il colore del bordo del rettangolo (#868686)
6. Al posto di Visite può essere inserita un'altra espressione
7. Si inserisce l'URL_DEL_BLOG o un'altra pagina come link al contatore
8. Al posto dell'icona di default con l'URL lunghissimo evidenziato di rosso ne può essere inserita un'altra che deve essere in formato di 16x16px (circa), caricata su un hosting gratuito tipo Skydrive e esserne acquisito l'URL relativo.

La posizione in cui inserire il contatore è soggettiva e dipende dai modelli. Se si vuole mettere subito sotto il titolo del post si deve cercare la seguente linea di codice

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

Per poterlo fare occorre andare su Layout > Modifica HTML e espandere i modelli widget. Il codice prescelto dovrà essere incollato subito sotto.

Alternativamente si può cercare la riga

<data:post.body/>

e incollare il codice subito sopra. Se invece si vuole inserire il contare alla fine del post si deve cercare la riga

<div class='post-footer'>

e incollarlo subito sotto. Si può incollare anche sopra alla riga

<div class='post-footer-line post-footer-line-1'>

Il contatore sarà visibile solo se si apre un post mentre non sarà visualizzato in homepage, nelle pagine di archivio e nelle pagine statiche.

Per vedere il suo aspetto potete andare nel mio blog di prova 

• Demo contatore pagine viste con icona -

Fonte | AllBlogTools -

Aggiornamento importante:

Se al posto del'URL del blog volete inserire il link dell'articolo, il codice da incollare con le stesse modalità è il seguente

<!--CONTATORE VISITE POST CON ICONA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #868686; padding:2px; margin:2px; width:100px; display:compact'><img  src='http://public.blu.livefilestore.com/y1pKP01KwX_b6o1rWk7WzskW-KSB-4ahGl17vzhgoD6bEmbV_wSUMCxvNTv03R3RooFcWaakJ300N7k4Ud7xTS2DQ/visite.gif' width='16' height='16'/><a expr:href='data:post.addUrl'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Visite</font></b></a></div></b:if>
<!--CONTATORE VISITE POST CON ICONA FINE - http://parsifal32.blogspot.com-->

dove la parte sostituita a  <a href='URL_DELBLOG'> è quella evidenziata di rosso. Nel caso del codice senza icone si procede nello stesso modo, sostituendo solo quella piccola porzione di HTML.

Nella demo è stato inserito quest'ultimo codice per evitare di autolinkare sempre la home e per avere il collegamento solo al post a cui si riferisce il contatore.