« Back to blog

Le Widget "En ce moment je lis" pour Tumblr

Dans ce monde en temps réel on sait ce que chacun fait (statut facebook ou twitter), écoute (lastfm, msn, skype).
Pour compléter ça j'ai créer sur mon Tumblr le widget "En ce moment je lis", qui permet d'afficher une couverture, le titre et le nombre de pages lus de votre livre actuel.

Pour le mettre en place il faut modifier le thème html, si ce n'est pas déjà fait vous devez dans un premier temps activer la personnalisation du HTML comme cela :
dans la page http://montumblr/customize, cliquer l'onglet Theme puis Use custom HTML Dans les premières lignes ou il y à déjà des balises META, insérer ce code :

<meta name="image:Book Cover" content=""/>
<meta name="text:Book Title" content=""/>                
<meta name="text:Book SubTitle" content=""/>
<meta name="text:Book Volume" content=""/>
<meta name="text:Book Author" content=""/>
<meta name="text:Book PagesRead" content=""/>
<meta name="text:Book PagesNumber" content=""/>

Puis à l'endroit de l'affichage voulu ajouter le code ci dessous :

{block:IfBookTitle}
        En ce moment je lis
                        
                {block:IfBookCoverImage}
                        
                {/block:IfBookCoverImage}
                                
                {block:IfNotBookCoverImage}
                        {text:Book Title}{block:IfBookSubTitle}, {text:Book SubTitle}{/block:IfBookSubTitle}{block:IfBookVolume}
                        ({text:Book Volume}){/block:IfBookVolume}{block:IfBookAuthor} de {text:Book Author}{/block:IfBookAuthor}
                {/block:IfNotBookCoverImage}
                                
                {block:IfBookPagesRead}
                        pages {text:Book PagesRead}{block:IfBookPagesNumber}/{text:Book PagesNumber}{/block:IfBookPagesNumber}
                {/block:IfBookPagesRead}
        
{/block:IfBookTitle}

Une fois ce code mis en place et sauvegarder, cliquer sur Appearance, vous devriez avoir quelques infos supplémentaire à remplir :

(download)
 Si vous désirez modifier ou bien créer vous même un widget, aller sur la page d'aide qui est très bien faite et le code est simple à comprendre.