martedì 16 marzo 2010

Inserire pulsanti di condivisione per i Social Networks su Blogger

Oggi ho ricevuto una mail di invito su FriendFeed da parte di una mia amica. Dato che non ero iscritto, e in realtà non sapevo neanche cos'era, ho deciso di dare un'occhiata. Da oggi, quindi, sono presente anche su FriendFeed: finirà che la mia vita sarà più interessante sul Web che nel mondo reale! A parte gli scherzi, la cosa più importante di tutte è che mi sono reso conto che sul mio blog non era presente il pulsante per condividere i contenuti dei miei post su FriendFeed: avevo il pulsante per Facebook, Twitter, Delicious e un milione di altri social/bookmarking/news/video/etc. network ma FriendFeed mi mancava.

Ho cercato un po' in giro sulla rete e ho trovato il codice html relativo al pulsante per FriendFeed da inserire opportunamente su Blogger. Ho anche pensato che non avevo mai scritto un post su come farlo. Quindi eccoci qui. Come vedete, sotto ogni mio post, sono presenti una marea di pulsanti per condividere sui vari network il contenuto del post. Come inserirli? Niente di più facile (una volta che hai trovato chi te lo spiega!).

Aprite il vostro blog e cliccate sul pulsante Personalizza in alto a destra. Quindi andate su Layout e cliccate su Modifica Html. Nella pagina che vi si apre mettete la spunta su Espandi modelli widget. A quel punto potete modificare il codice html della pagina relativa a ogni vostro post. E' conveniente salvare il modello prima di fare modifiche per evitare problemi se sbagliate qualcosa. A questo punto basta scorrere il codice fino a trovare la riga contenente. Sotto questo riga potete tranquillamente incollare il codice che trovate qui (grazie a Parsifal32 per la spiegazione del metodo, per il codice e per la condivisione delle icone).

Come forse noterete nel codice non è presente né il pulsante per Twitter né quello per FriendFeed. Basta aggiungere il seguente codice:

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://t9pysw.blu.livefilestore.com/y1pAp1tsD3PgXgesBdYmWimF515kypGLQV8PskQRL1lzXTSm-E8SjGAtVmU6iWEh4Y3ODOs2wRQMHURDV8bB2LF6bmaeLiz0YQG/twitter-icona16x16.gif'/></a>

<a expr:href='"http://friendfeed.com/?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='share su Facebook' border='0' src='http://friendfeed.com/static/images/icons/internal.png'/></a>

Che ho trovato qui e qui e modificato un pochino per far funzionare il tutto (dato che soprattutto quello di FriendFeed mi dava problemi). A questo punto avrete anche voi tutti questi bellissimi pulsantini colorati che faranno la gioia dei vostri lettori networkizzati.