Le blog

Ajouter le bouton "Follow" de twitter sur votre Yacs en 2 étapes

Twitter vient de rendre possible d'apposer une bouton d'abonnement à un compte twitter sur son site internet. Découvrez comme il est possible de l'intégrer dans Yacs en 2 étapes

Il y a plusieurs façon d'intégrer ce bouton mais je vous vous expliquer la plus simple et la plus rapide. Vous trouverez toutes les explications (en anglais) sur les différents scripts disponibles et les paramètrages graphiques sur la page de documentation twitter.

La méthode que j'ai retenu se situe en bas de page :

How can I load the Javascript Follow Button asynchronously?

1ère étape

Copier le code javascript

<script type="text/javascript">   (function()
{     var 
twitterWidgets document.createElement('script');
 
twitterWidgets.type 'text/javascript';     
twitterWidgets.async true;     twitterWidgets.src 'http://platform.twitter.com/widgets.js';     
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);   })();
 </
script>

Allez dans le panneau de contrôle de Yacs (il faut être "associé" pour le faire)

 

Coller le code javascript dans la partie en-tête de l'onglet "meta information"

2ème étape

<a href="http://twitter.com/actupro" class="twitter-follow-button">Follow @actupro</a>

coller le code html dans n'importe quelle page de votre Yacs. Personnellement je l'ai mis sur la page de couverture et dans le menu à droite.



 Attention il faut impérativement utiliser l'éditeur Textarea

Ce qui donne :

Alternative

Si vous savez modifier un skins Yacs vous pouvez aussi mettre directement le code javascript dans le fichier template.php ainsi que le code html.

Vous pouvez également suivre le tutoriel de Kriisiis sur son blog

Plus d'informations sur le CMS Yacs

 

Retourner en haut