Pubblicato il 13/12/10 - aggiornato il  | 4 commenti :

Come inserire un bottone di condivisione su FriendFeed in un blog di Blogger.

FriendFeed è un servizio che è stato recentemente acquisito da Facebook senza per questo riuscire ad avere una maggiore visibilità. A parte i collegamenti tra lo stato di Facebook e i post su FriendFeed, i rispettivi team di sviluppo hanno fatto poco per creare delle sinergie tra i due social network. Il mio account su FriendFeed lo uso praticamente solo per postare in automatico gli articoli su Twitter, nonostante questo ho anche un buon numero di followers.

Però in Italia c'è una comunità abbastanza vasta che lo usa in modo assiduo. Recentemente in un commento ho ricevuto la richiesta di creare un codice per un bottone che possa servire per condividere gli articoli su FriendFeed da inserire alla fine del post.

Il codice in questione è questo

<a expr:href='&quot;http://friendfeed.com/share?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Condividi su FriendFeed' border='0' src='http://public.blu.livefilestore.com/y1pxgcTVwsnAiVVHge1_YiR5Z3_Vbz7vl7ggpzf1_03D_4_aHXBpn3hKVNLXUjEKhvMkM_-JlI2S_eDrT9xo-mqGw/friendfeed-icona.png'/></a>

che può essere inserito insieme agli atri bottoni di voto con il metodo illustrato in questo post. Tra l'altro ho anche aggiornato l'articolo e ho inserito il blocco relativo a FriendFeed.

Si può inserire insieme agli altri pulsanti di condivisione che più ci interessano scegliendo i codici relativi dal post citato sopra e incollandoli all'interno di queste righe

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:center;'>
<br/>
<small>Vota o condividi questo articolo</small><br/>


Inserire solo i blocchi di codice dei social prescelti

</div>
</b:if>

I due tag <small> e </small> possono essere tolti se si vuole una scritta più grande. L'espressione "Vota o condividi questo articolo" può essere sostituita da un'altra.

Si va su Design > Modifica HTML, si espandono i modelli widget e si salva il modello. Quindi si cerca la riga

 <div class='post-footer'>

quindi si incolla tutto il codice immediatamente sotto. Per verificare come si visualizzano aprite un post qualsiasi di questo blog di prova.

bottoni-di-voto-blogger

Se volete inserire solo il bottone di FriendFeed vi occorrerà una icona più grande. Una soluzione potrebbe essere quella di incollare il codice


<div style='float:center;'>
<a expr:href='&quot;http://friendfeed.com/share?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Condividi su FriendFeed'
border='0' src='http://lh4.ggpht.com/_nT13UtBmmiU/TQYxXBWFA7I/AAAAAAAAQh8/vpo94-brrY0/friendfeed-icon-big.png'/></a>
</div>

nel punto del modello che credete più opportuno.



4 commenti :

  1. E io non posso che ringraziare
    :-)))

    RispondiElimina
  2. Ciao caro Ernesto,non puoi immaginare quanto piacere mi ha fatto ricevere un tuo messaggio.
    Io purtroppo sono un pò latitante in questo periodo;spero finisca presto e che arrivino un pò di meritate vacanze.
    Ricambio con tutto il cuore gli auguri,primo perchè per me sei un amico e secondo perchè fa piacere ricevere messaggi anche senza averne prima inviati:-)
    D'altra parte noto con rammarico che spesso in rete succede anche questo,ma pazienza:il mondo è bello perchè vario......
    un forte abbraccio
    Lella

    RispondiElimina
  3. @lella
    Lo sai che mi fa sempre piacere leggerti :D
    Ti seguo spesso anche se in modo silenzioso :)

    @Rosalba
    Non c'è di che, mi ci sono voluti dieci minuti ^:^

    RispondiElimina
  4. Come non detto... un minimo di applicazione in più e ho avuto la brillante idea di cercarmi il codice ascii ho usato % 26 e ho risolto tutto... grazie comunque per il bellissimo blog

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy