Widget, contatore visite e lettori per singolo post su Blogspot

Questo interessante widget serve per far vedere in quanti hanno letto un articolo del tuo blog su Blogger, si può sempre chiaramente  accedere a Google Analytics e controllarne i dati. Ma, può essere estremamente interessante mostrare anche ai visitatori quante sono state le persone che hanno letto quel post prima di loro. Si può, quindi  creare un contatore specifico per singolo articolo che mostra tale numero e piazzarlo dove lo si ritiene più opportuno, per esempio, subito sotto al titolo del post

La versione del widget consta di  due opzioni di inserimento: una con icona e una senza icona. In ogni caso il tutto è sempre completamente personalizzabile come vedremo in seguito.

Iniziamo con l'HTML:

CODICE DEL 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://weblifeonline.blogspot.com—>

CODICE DEL 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://weblifeonline.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.

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

CODICE CONTATORE CON URL ARTICOLO

<!--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://weblifeonline.blogspot.com—>

Fonte: AllBlogTool.com

NB. Per vedere il contatore all’opera e il suo funzionamento ricordo che  è visibile anche su questo Post  subito sotto questa scritta.