dimanche 9 juin 2013

Afficher vos Tweets sur votre blog ou site

Affichez vos Tweets ou ceux d'autres auteurs sur votre site ou blog.

Il suffit d'aller sur le Configurateur de widgets de Twitter puis de récupérer le code. C'est facile et intuitif à utiliser.

Notez que ce code peut se mettre dans un widget HTML-Javascript ou dans un message, une nouvelle page, où vous voulez...

Voici, ci-dessous, mes Tweets. Ils sont affichés sur plusieurs de mes blogs. On y parle principalement de météo et de notre co-propriété... J'ai utilisé l'option data-tweet-limit="5" pour limiter le nombre de tweets affichés à 5 (voir plus bas les exemples).


Dernière minute... Breaking news...


Voici le code:

<!--TWEET start-->
<div style="text-align: center;">
Dernière minute... Breaking news...</div>
<div style="text-align: center;">
<a class="twitter-timeline" data-tweet-limit="5" data-widget-id="123459789............" height="300" href="https://twitter.com/identifiant">Tweets de @identifiant</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
<!--/TWEET end-->


Le code obtenu avec le Configurateur de widgets est en bleu, celui que j'ai rajouté est en gris. Ce qui doit OU peut être modifié est en rouge.

Les commentaires de type <!--commentaire--> sont bien pratiques pour repérer des parties de code surtout si votre modèle de message est compliqué. Toutes les différentes parties de mon modèle de messages sont balisées ainsi. Et mon modèle de blog (HTML) lui aussi.

Si Blogger saccage votre code quand vous passez en mode "rédiger" (ça peut se produire dans les widget HTML-Javascript), recodez-le avec l'utilitaire de jean-louis.pierre.pagesperso-orange.fr/Crypter-le-HTML.htm.

Si la "box" des Tweets n'apparaît pas une fois votre blog affiché, il est probable que Blogger a encore fait des siennes...

Pour d'autres modifications, aller à cette page: https://dev.twitter.com/docs/embedded-timelines#customization

La largeur maxi ne peut pas dépasser actuellement 520 px, ce qui fait beaucoup "jaser" (ou tweeter!) dans le monde de Twitter... Il semble que l'ancien widget était plus souple.

Quelques exemples (seul la première partie du code peut être modifiée):


<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE" data-theme="dark" data-link-color="#cc0000"  data-related="twitterapi,twitter" data-aria-polite="assertive" width="300" height="500" lang="EN">Tweets by @twitterapi</a>

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE" data-chrome="nofooter noborders transparent">Tweets by @twitterapi</a>

Finally, an example that renders a static block of five tweets:

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE" data-chrome="nofooter" data-tweet-limit="3">Tweets by @twitterapi</a>
Mobile


Aucun commentaire:

Enregistrer un commentaire