La piattaforma Tumblr va ultimamente molto di moda fra i blogger. Una sorta di irriverente versione light del blog, dove è più facile scrivere cose al volo, sfruttando le potenzialità e l’estrema velocità del goodies.

Il goodies di Tumblr è uno strumento web (bookmarklet) che permette di selezionare testo / immagini / video navigando e con un click inserirlo direttamente nel blog.

 

Scopriamo oggi come integrare Feedburner in Tumblr, mantenendo anche nella versione light il pieno controllo dei feed RSS.

 

Step1: Feedburner

Il primo passo è naturalmente quello di registrarsi presso Feedburner per ottenere il proprio nuovo feed.
Quello di Smart Merlinox, la mia versione light del blog su Tumblr, è:

http://feeds.feedburner.com/merlinox-smart

 

 

Step2: Inserire il feed

Andare nella propria dashboard di Tumblr, alla pagina setting, per modificare il template.

Fortunatamente il linguaggio è semplicissimo e non è necessario distruggersi come per il template maledetto di blogger.

Copiate il codice del vostro template (custom template) in un editor HTML o testuale.

Ricercate la chiamata al feed RSS originale:

<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss"/>

 

E sostituitela con la nuova chiamata, personalizzata con l’indirizzo del punto 1:

<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/merlinox-smart"/>

 

Ottimo. Copiate tutto l’HTML modificato dentro alla pagina template di Tumblr e salvate: ora il vostro RSS è gestito da FeedBurner (che ora ha le stat PRO…).

 

 

Step3: Inserire il contatore animato

Andate sulla vostra pagina "pubblicize / feedcount" del profilo feedburner del vostro blog. Selezionate il segnaposto contatore che più vi piace e copiate il codice HTML.

Tornate sul vostro template (in EDIT) e cercate la voce {block:NewDayDate}, se volete inserirlo come me.

A questo punto inserite come vi piace di più il vostro contatore: io l’ho affiancato alla data con questo codice.

{block:NewDayDate}
<div style="float:right;margin: 10px 10px 0 0">
<a href="http://feeds.feedburner.com/merlinox-smart">
<img src="http://feeds.feedburner.com/~fc/merlinox-smart?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" />
</a>
</div>
<div class="date">
{Month} {DayOfMonth}, {Year}
</div>
{/block:NewDayDate}

 

Chiaramente per attivare le modifiche copiare e incollare tutto l’HTML su Tumblr.

 

 

Step4: le statistiche di FeedBurner

Dopo aver attivato in FeedBurner le vostre statistiche PRO, alla pagina "Analyze / FeedBurner Stats", ricopiate il codice che vi appare nell’help selezionando "Others…" dal menù a tendina "Get the HTML code to collect stats on your site:".

Copiate il codice "generic" dalla sezione "copy" e preparatevi a personalizzarlo per Tumblr (facilissimo!).+

Volendo la pagina la trovate anche qui "integrare le statistiche di FeedBurner".

Cercate nel template di Tumblr (nel vostro editor) la voce "<div class="permalink">" e inserire il codice come ho fatto io:

<div class="permalink">
<script src="http://feeds.feedburner.com/~s/xxxxxxxxxx-smart?i={Permalink}" type="text/javascript" charset="utf-8"></script>
<a href="{Permalink}">#</a>
</div>

Chiaramente con il sorgente .js (src) che vi ha dato FeedBurner. L’elemento importante da inserire è {Permalink} al posto di "POST-URL-HERE".

 

Chiaramente per attivare le modifiche copiare e incollare tutto l’HTML su Tumblr.

 

 

Step5: enjoy to post

Postate postate postate e divertitevi a farlo!!!