Come inserire un widget di Benvenuto in un blog su Blogger con invito a abbonarsi ai feed e iscriversi alla Pagina Fan su Facebook.

Ho reso ancora più sofisticato il widget di benvenuto in un blog su Blogger con l'invito a sottoscrivere i feed. Ricordo che questo gadget ha la particolarità di rilevare la provenienza del visitatore, quindi quest'ultimo visualizzerà un messaggio personalizzato a seconda se proviene da  una ricerca su Google oppure ha cliccato su un link di FriendFeed o ancora proviene dalla Bacheca di Blogger. Le "provenienze supportate" sono attualmente 32 visto che ho recentemente ho aggiunto anche Bing, Blogger, Diggita e OKNotizie. Volendo posso aggiungere anche altri servizi; l'unico problema è che non si riesce a trovare un'icona di 50x50 pixel di siti come Wikio, Zic Zac, ecc.

Data la grande importanza che sta assumendo Facebook anche per quanto riguarda l'attività di blogging e considerato che molti blog hanno anche una loro pagina fan su Facebook, ho ritenuto opportuno aggiungere anche un invito a diventare un fan del blog.

Coloro che non conoscessero le procedure per queste sinergie tra blog e Facebook possono leggersi i post

1. Come creare un gruppo o una pagina fan su Facebook -
2. Importare i feed del blog nella pagina fan con NetworkedBlogs -

Con queste ulteriori personalizzazioni il messaggio che vedrà apparire all'inizio della pagina un navigatore che, per esempio, proviene da Google sarà

Come vedete c'è l'icona del sito, che sarà ovviamente diversa da provenienza a provenienza, e un breve messaggio di due righe con tre collegamenti. I link sono all'URL dei feed del blog, all'indirizzo della pagina fan e a un post con una breve spiegazione "for dummies" di cosa siano i feed. Tutti questi link sono personalizzabili e possono essere inseriti da chi ha intenzione di utilizzare questo gadget.

Bisogna andare su Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollare il seguente codice

<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/Testo_da_mostrare10.js" type="text/javascript">
</script>
<div id="mainDisplayDiv" style="background:#F8F8FF;border:1px solid #B6AFA9;display:none">
<div id="dynamicContentDisplayed">
</div>
<script type="text/javascript">
// Give your feed url here
var feedURL = "URL_del_Feed";
var feedFeed = "http://parsifal32.blogspot.com/2009/11/cosa-sono-i-feed-e-come-si-usano-solo.html";
var PageFanURL = "URL_Pagina_Fan";
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;
</script>
</div>
<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/HideShowDiv.js" type="text/javascript">
</script>
<script type="text/javascript">
//Inserisci il nome del tuo dominio
var myRestrictedDomainList = "URL_del_blog";
showHideDiv(myRestrictedDomainList);
</script>

Ecco il relativo screenshot

Le personalizzazioni da fare sono di diverso tipo e riguardano la sostanza e l'aspetto:

1. :#F8F8FF è il colore dello sfondo del rettangolo del messaggio
2. 1px è la dimensione in pixel del bordo del box di benvenuto
3. solid è la sua forma. Si può scegliere anche dashed (tratteggiato) oppure dotted (punteggiato)
4. A "URL_del_Feed" va sostituito l'indirizzo dei feed del blog
5. L'indirizzo accanto a var feedFeed è quello di una pagina di questo blog in cui si spiega con semplicità che cosa siano i feed e come utilizzarli. Si può sostituire con un indirizzo a una nostra pagina che abbia il medesimo intento (in questo caso non scopiazzate la mia!)
6. A "URL_Pagina_Fan" si sostituisce l'indirizzo della pagina fan del blog su Facebook

Dopo aver cliccato su Salva si potrà testare il risultato arrivando sul blog cliccando su uno shortURL di Facebook,  oppure facendo una ricerca su Yahoo o su Bing. Se volete fare una ulteriore prova andate nella casella della ricerca personalizzata e cercate qualche articolo con una parola chiave qualsiasi. Quando ci cliccherete sopra vi apparirà il messaggio di benvenuto per coloro che arrivano da Google.

Se non avete una pagina fan su Facebook e desiderate solo il richiamo ai Feed potete inserire uno dei codici presenti nell'articolo del widget di benvenuto, nello stesso post è presente la lista dei servizi che sono supportati.