Pubblicato il 24/04/15e aggiornato il

Come installare il bottone per essere seguiti su Feedly.

Come installare su Blogger o su Wordpress il bottone per sottoscrivere i Feed con Feedly
In molti siti è presente il pulsante con contatore di FeedBurner per permettere ai lettori di seguirci attraverso i feed. Lo strumento di elezione per questa operazione fino a qualche tempo fa era Google Reader che però è stato ritirato ormai da tre anni

La maggior parte dei suoi utenti si è spostata su Feedly che oltre alla lettura dei feed tramite desktop può contare anche su due ottime applicazioni per Android e iOS. Non è che Feedly sia l'unico lettore di feed sul mercato perché ci sono molte altre alternative gratuite. Si può però dire che Feedly sia la soluzione preferita da molti utenti quindi avere il bottone per agevolare la sottoscrizione dei Feed nel nostro layout può essere un modo per fidelizzare nuovi lettori.

Per creare il bottone si apre la pagina Feedly Button per configurare il bottone. Il primo passo

bottone-feedly[4]

sarà quello di selezionare il bottone preferito mentre dopo si incollerà l'URL dei nostri feed

url-feed-blog

Nella sezione successiva si copia il codice che in un blog su Blogger va incollato su Layout > Aggiungi un gadget > Base > HTML/Javascript > Sezioni del sito. 

bottone-feedly[6]

 

COME MOSTRARE INSIEME I BOTTONI DI FEEDLY E FEEDBURNER


Visto che anche nella sua versione più ampia il bottone di Feedly è più stretto della sidebar è consigliabile inserirlo accanto a un altro pulsante come per esempio quello di Feedburner. Si può usare una tabella con un tag di posizionamento per visualizzarli in modo simmetrico. Ci si può anche aiutare con un Editor HTML che supporta l'inserimento di una tabella di una riga e due colonne come Windows Live Writer. Dopo la realizzazione si va su Origine e si copia il codice quindi si incolla su un elemento pagina HTML/Javascript come visto in precedenza

bottone-feedburner-feedly

A titolo di esempio ecco il codice usato per questo sito

<table cellspacing="2" cellpadding="2" width="310" border="0">
<tbody>
<tr>
<td style="padding-top: 18px" valign="top" width="152">
<a href="http://feeds.feedburner.com/ideepercomputeredinternet/zUQN"><img style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-width: 0px" alt="lettori-feedburner" src="http://feeds.feedburner.com/~fc/ideepercomputeredinternet/zUQN?bg=99CCFF&amp;fg=444444&amp;anim=1&amp;label=lettori" width="88" height="26" /></a>
</td>
<td valign="top" width="168">
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2Fideepercomputeredinternet%2FzUQN" target="blank"><img id="feedlyFollow" alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" width="131" height="56" /></a>
</td></tr></tbody></table>

dove la parte evidenziata di giallo è il codice di FeedBurner mentre quello evidenziato di verde è il codice di Feedly. Il tag padding-top: 18px serve per allineare verticalmente i due bottoni che sono di diverse dimensioni. Quando un lettore cliccherà sul bottone di Feedly, se è loggato con questo servizio, si aprirà una pagina in cui visualizzerà gli ultimi post con un altro bottone per l'iscrizione

feedly-sottoscrizione

Visto che Feedly ha anche delle applicazioni da mobile a breve testerò la possibilità di inserire questo bottone anche in questa versione per invogliare anche i lettori da mobile alla sottoscrizione dei feed. Questo bottone può essere inserito facilmente anche in un blog Wordpress andando su Aspetto > Widget e trascinando l'elemento Testo in una sidebar quindi incollando il codice e salvando.

Se non vi piacciono i bottoni proposti da Feedly nella pagina di configurazione si può cliccare su button kit per scaricare un file in formato ZIP con le risorse percrearsi il bottone da soli. All'interno di una cartella ci sono i file .psd per modificare tutti i bottoni con Photoshop.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.