DéveloppementsBac à sable

Ajouter une timeline Twitter dans les modèles dynamiques


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Description Network Gadget Version Template Version
Vous avez un compte Twitter, un modèle dynamique Blogger et vous essayez en vain d'ajouter votre timeline sur votre blog ?
1
1
2
Vous avez un compte Twitter, un modèle dynamique Blogger et vous essayez en vain d'ajouter votre timeline sur votre blog ?

Les modèles dynamiques n'ont pas été conçu pour ajouter des add-on de ce type. Du moins, pas avec le format HTML5. Pour pouvoir y arriver, il faut scripter un tout petit peu.

Exemple de mise en œuvre pouvant être ajouté dans le code HTML d'une page autonome :

Script du module
<div id="timetwitter"></div>
<script type="text/javascript">
  twttr.widgets.createTimeline(
    "ID_GADGET_TWITTER",
    document.getElementById("timetwitter"),
    function (el) {
      console.log("Timeline DynamicViewBlogger")
    }, {
      screenName: "NOM_UTILISATEUR_TWITTER",
      lang: "fr",
      theme: "light",
      chrome: "nofooter noborders transparent noscrollbar",
      width: "520",
      height: "400"
    }
  );
</script>

Vous remplacez ID_GADGET_TWITTER par l'identifiant du gadget que vous avez créé sur Twitter et NOM_UTILISATEUR_TWITTER par le nom d'un utilisateur Twitter.

Lorsque vous aurez enregistré votre nouvelle page autonome, rendez-vous dans l'éditeur HTML de votre modèle pour y ajouter le script Twitter widgets.js, juste avant la balise </body> :

  • Tableau de bord
  • Modèle
  • Modifier le code HTML

Script widget.js
<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>
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte Platine TC (Ambassador & Advanced Troubleshooter):
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
DéveloppementsMulti-versions
Facebook : Bouton partager [Share button]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire