Come conoscere i link del blog su cui cliccano i lettori.

Per ottimizzare le potenzialità del nostro blog sia in termini di aumento di traffico sia in termini di redditività è particolarmente importante conoscere i link su cui cliccano i lettori. Sapere se una voce del menù è più cliccata di un'altra è un dato importante per conoscere le abitudini del navigatore medio.

I lettori che arrivano in un dato post non sono gli stessi che arrivano in tutti gli altri quindi è anche utile conoscere questo comportamento in funzione appunto della pagina. Facciamo un esempio concreto riferito a questo sito. Chi arriva con una ricerca in un post che tratta di WhatsApp magari cliccherà nella voce del menù Android mentre chi arriva cercando i codici per il banner per ottemperare alle disposizioni della Cookie Law avrà un comportamento molto diverso e magari cliccherà sulla voce  Cookie Info.

Con il pulsante Google+ sono adesso mostrati anche avatar e profili di chi ci ha cliccato sopra.

Per il momento si tratta solo di una funzionalità sperimentale ma è certo che tra un po' diventerà disponibile per tutti. Google procede spedito nella marcia di avvicinamento a Facebook e in questo contesto il pulsante Google Plusone diventa sempre più simile al Mi Piace. Si potranno infatti vedere gli avatar e i link ai profili su Google+ di coloro che hanno cliccato sul pulsante +1.

La cosa per il momento è limitata solo a che si è iscritto al gruppo Google+ Platform Preview. Occorre cliccare su Entra per poter visualizzare i thread del gruppo. Dopo averlo fatto, potete configurare il pulsante Google Plus accedendo alla pagina del Google +1 Button. Vi consiglio di privilegiare la velocità di caricamento e di seguire il tutorial su come inserire Google Plusone in modo asincrono.

Come rendere le immagini non cliccabili su Blogger.

Il tema delle immagini che si possono o non si possono aprire in un'altra scheda del browser è un argomento ricorrente nei commenti. Ci sono coloro che vorrebbero che le foto si aprissero in un'altra finestra a grandezza naturale per renderle più visibili e coloro che invece non vogliono che siano cliccabili per altre ragioni. Facciamo quindi un po' di chiarezza su un argomento che comunque è piuttosto semplice.

Se si postano gli articoli con Windows Live Writer vengono create due immagini nell'album di Picasa, quella originale con il link e quella ridimensionata che che si vede nel post. Se si vuole rendere l'immagine non cliccabile si deve scegliere Strumenti immagine > Collega a > Nessun collegamento

Effetti per immagini realizzati solo con l'ausilio del mouse.

Vediamo come si possano postare delle foto su un articolo con alcuni effetti molto semplici e originali che si ottengono solo con l'uso del mouse e senza caricare nessun javascript nell'articolo e tanto meno nel modello. Il primo che vado a proporvi riguarda due immagini. La prima si visualizzerà in condizioni normali mentre la seconda apparirà solo se si passa sopra con il mouse. Il codice da incollare in un post o in un gadget HTML/Javascript è il seguente

<img src="URL PRIMA IMMAGINE" onmouseover="this.src='URL SECONDA IMMAGINE';" onmouseout="this.src='URL PRIMA IMMAGINE';" title="TITOLO" alt="TESTO ALTERNATIVO"/>

Come espandere o nascondere testo formattato o widget con l'effetto Script.aculo.us.

Ho già presentato un trucco per mostrare o nascondere dei widget in un blog su Blogger. Ci si basava esclusivamente sui click del mouse senza aggiungere nessun altro effetto. Con questo post voglio adesso ampliare le possibilità di intervento a un qualsiasi testo formattato inserendo anche un effetto scorrimento. Si utilizza la libreria javascript Prototype & Script.aculo.us che potrebbe essere già presente nel vostro modello in quanto alla base di moltissimi effetti slide. Aprite quindi il vostro template andando su Design > Modifica HTML e cercate questo URL:  www.google.com/jsapi. Se è già presente, si può fare a meno di inserirlo una seconda volta. In caso contrario, cercate la riga </head> e, immediatamente sopra incollate il codice

<!--Prototype e Scriptaculous Inizio-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!--Prototype e Scriptaculous Fine - www.ideepercomputeredinternet.com-->

Salvate il modello. Adesso vediamo in concreto come nascondere e mostrare dei widget o una porzione di testo. Ho pubblicato un post come dimostrazione dell'effetto Slide con Prototype e Script.aculo.us e ho anche postato su Youtube un breve video di presentazione dell'effetto

• Demo dell'effetto slide per nascondere widget e altri elementi -

Effetto per ingrandire le immagini al passaggio del mouse o con un click

Ho già illustrato l'effetto Expando che è abbastanza semplice da installare e fa in modo di aumentare la dimensione delle immagini al passaggio del mouse. Questo effetto presuppone l'introduzione di un javascript nel modello di Blogger. Se si pensa di avere poche occasioni per proporre nel blog una simile personalizzazione, si può optare per un metodo di inserimento delle immagini meno invasivo che agirà solo su una determinata foto e solo nel post in cui è stata inserita.

Le immagini che si vogliono postare devono essere preventivamente caricate su servizi tipo Picasa, SkyDrive o DropBox. L'effetto funzionerà con tutti i browser ma con IE sarà più lento che con Chrome e Firefox.

Immagine che si ingrandisce al passaggio del mouse

Ecco il codice da inserire in modalità HTML