Installare un contatore di visite nei blog a Visualizzazione Dinamica.

Come installare un contatore di visite nei blog a Visualizzazione Dinamica.

E' noto che i blog di Blogger del tipo a Visualizzazione Dinamica o Dynamic Views sono difficilmente personalizzabili ma qualcosa si può fare anche se si tratta quasi sempre di piccolezze. Sono stati introdotti i widget, è ora possibile mostrare sempre la sidebar degli stessi, nascondere alcuni elementi, impedire da passare da una visualizzazione a un'altra, aggiungere l'intestazione e personalizzarla, modificare il colore dei widget e quello dell'icona dei commenti. In ultimo si può anche aggiungere il bottone di Pinterest. Per effettuare queste modifiche si sfruttano essenzialmente i CSS visto che la modifica del template per il momento è ancora piuttosto ardua.

In basso a destra dei modelli a Visualizzazione Dinamica c'è un bottone denominato Send Feedback che serve per mandare dei messaggi al Team di Blogger riguardo a eventuali problemi o suggerimenti. Vediamo come si possa sostituire questo pulsante con un contatore che mostri le pagine viste del nostro sito. Naturalmente si può andare su Layout > Aggiungi un gadget > Base > Statistiche del blog e scegliere se visualizzare il numero dei visitatori di sempre, quelli degli ultimi 30 giorni o degli ultimi 7 giorni. Il widget si aprirà quando i visitatori passeranno con il mouse sulla parte alta a destra e cliccheranno su Visualizzazioni. Vediamo come si possa utilizzare un servizio gratuito di Statistiche per visualizzare un contatore al posto di Send Feedback.

Andate su Stat Counter e cliccate su Registrati ora! se non avete ancora un account. Dovrete inserire un indirizzo email e una password. Dopo la verifica potrete accedere alla Dashboard. Cliccate su Add Project e inserite l'URL del vostro sito oltre al suo nome. E' meglio usare il suffisso canonico .com al posto di .it. Nella parte destra scegliete il contatore visibile e personalizzatene il colore e l'aspetto

Andate nuovamente su Add Project per ottenerne il codice la cui parte finale sarà simile al seguente

<noscript><div class="statcounter"><a title="counter on blogger" href="http://statcounter.com/blogger/" class="statcounter"><img class="statcounter" src="http://c.statcounter.com/9008385/0/b5e1a712/0/" alt="counter on blogger" /></a></div></noscript>
<!-- End of StatCounter Code for Blogger / Blogspot -->

Quello che ci interessa è l'URL della immagine del contatore che è stato colorato di rosso. L'obiettivo è quello di visualizzare questa immagine al posto di Send Feedback. Recatevi su Modello > Personalizza > Avanzato > Aggiungi CSS e nell'apposito campo in alto a destra incollate questo codice

.feedback{
background-image: url(http://c.statcounter.com/9008385/0/b5e1a712/0) !important;
font-size: 0px;
width: 60px !important;
height: 18px !important;
border: 0px !important;
background-repeat: no-repeat !important;
}

Pigiate su Invio dopo aver posizionato il cursore dopo l'ultima parentesi graffa. Cliccate quindi su Applica al blog in alto a destra. Ovviamente al posto dell'URL colorato di rosso inserite quello che avete ricavato dal codice di Stat Counter. Se si clicca sul contatore si potranno sempre inviare i feedback al team di Blogger.