Twitter : Timeline intégrée / Embedded Timelines

Twitter: Timeline personnalisée

Personnaliser la timeline embarquée de Twitter, configuration pour Blogger, validé HTML5.
Pour modèles standards, la version mobile personnalisée ou encore pour gadgets AddToBlogger.
Choix du type de la timeline : Fil utilisateur, Favoris, liste.
Multiple réglages :
Couleurs, bordures, arrière-plan, langue, dimensions, etc
Conditions d'affichage en fonction de certains paramètres Blogger :
Type de la page, auteur ou/et libellé associés à l'article, etc.


En obtenant et en utilisant des plugins Twitter, vous acceptez les conditions d'utilisation de Twitter.

Présentation du module



Avec un seul gadget créé depuis votre interface Twitter, vous pouvez le réemployer une multitude de fois sous des aspects différents, sans avoir a modifier les réglages depuis Twitter.


  • Les couleurs
  • Les dimensions
  • Le type de timeline
  • L'utilisateur
  • etc


Tweets utilisateur Tweets favoris



Configuration du module

Avant de commencer, créez votre gadget sur Twitter et récupérez son identifiant.


Cet identifiant se trouve dans la barre d'adresse de la page de "configuration du gadget" lorsque le gadget a été créé.


https://twitter.com/settings/widgets/ID_GADGET_TWITTER/edit


Ensuite, complétez ce tableau. Les codes qui se trouvent ci-dessous s'adapteront en fonction de vos choix.

L'aperçu s'affichera lorsque toutes les données principales du gadget ont été mentionnées correctement.



Données principales du gadget [REQUIS] ?
Identifiant widget [REQUIS]
Type de timeline
Utilisateur @ [REQUIS]
Nom de liste ?
Tous les champs requis ne sont pas remplis.
Options Blogger
Placer dans
Nom Blogger ?
Libellé ?
Dimensions
Largeur 520px
Hauteur 600px
Nbre max tweets Non-déterminé ?
Paramètres de base
Thème
Réponses
Langue
Couleurs
Liens
Bordures
Paramètres secondaires
Affichage du module ?
Mise en forme ?

Le code du module
<!-- Timeline Twitter - Blogger Config.
     Ref.: http://goo.gl/V9czij -->

<a class='twitter-timeline'
   href='https://twitter.com/'
   data-widget-id=''
   data-screen-name=''
   data-theme='light'
   data-show-replies='true'
   data-link-color='#00acee'
   data-border-color='#e8e8e8'
   width='520'
   height='600'
   lang='fr'
   target='_blank' >

Tweet
</a>
Où recopier ce code ?

Sous cette configuration, le code de la timeline peut être ajouté à un endroit quelconque dans l'éditeur HTML pour les modèles standards, entre les balises <body> et </body>.

Quelques exemples d'emplacements dans le code HTML du gadget Blog :

Vous pouvez également ajouter le code dans un modèle de gadget HTML/JS.



Le script
<script type='text/javascript'>
  // <![CDATA[
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
  // ]]>
</script>
Où recopier le script ?

Le script Twitter est un élément essentiel au fonctionnement de tous les modules officiels de ce réseau social. Si vous avez déjà installé un module Twitter sur votre blog, vous n'êtes plus obligé de le rajouter à nouveau.

Le script doit être positionné juste avant la balise </body> dans le code HTML du blog.



Les timelines

Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Ajouter des boutons à la barre de partage Blogger