Widget sociaux [Réglé]
aiglobulles Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre aiglobulles
- Inscrit le : 15/08/2008
- Groupes :
Reprise du message précédent
inclure après la balise body ouvrante dans header.tpl:Code HTML :
<!-- FACEBOOK LIKE BUTTON --> <div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- END LIKE BUTTON -->
inclure dans le tpl de destination (dépend du module ou bien header ou footer:
Code HTML :
<!-- GOOGLE +1 BUTTON --> <div class="g-plusone" data-size="medium" data-annotation="bubble"></div> <!-- FACEBOOK BUTTON --> <div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="true" data-font="arial" style="top:-4px;margin:0 5px 0 -25px;"> </div> <!-- TWITTER BUTTON --> <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en"> Tweet </a>
inclure juste avant la balise body fermante:
Code HTML :
<!-- GOOGLE +1 JS BUTTON --> <script type="text/javascript"> window.___gcfg = {lang: 'fr'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <!-- TWITTER JS BUTTON --> <script> !function(d,s,id) { var js,fjs=d.getElementsByTagName(s)[0]; if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js,fjs);} } (document,"script","twitter-wjs"); </script>
enjoy

pour exemple de résultat, voir ICI
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
aiglobulles Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre aiglobulles
- Inscrit le : 15/08/2008
- Groupes :
Je fais ça dans la journée
satanas58 Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
sur une scroolbar et c'est pas une scroll bare tu propose ..
j'ai peut etre mal expliqué ... tous ceci sur une barre montante descendante " si tu voie que je veux dire 
Donc pour sa comme janus me disait il faut sens doute faire un mini module ..
Édité par satanas58 Le 29/11/2013 à 22h27
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Un div et avec une position:fixed;
aiglobulles Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre aiglobulles
- Inscrit le : 15/08/2008
- Groupes :
le lien que tu donnes pointe vers un site qui propose un tuto pour utiliser un système de publication auto sur G+. Du coup, il te suffit alors de suivre le tuto en lien.
Le code que je t'ai fourni permet d'avoir une liste de boutons sociaux. Il te suffit ensuite de cliquer sur les boutons pour publier le contenu de ton site sur G+, twitter ou fb.
Enfin, pour avoir une barre fixe, comme le dit Arnaud, tu places l'ensemble dans une div en position fixed et le tour est joué
aiglobulles Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre aiglobulles
- Inscrit le : 15/08/2008
- Groupes :
satanas58 Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre satanas58
- Inscrit le : 11/04/2012
- Site internet
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
