Comment intégrer des boutons de partage des réseaux sociaux

WRInaute discret
:D Bonjour,
Un petit message pour vous demander, comment faire pour mettre les quatre boutons de partage des réseaux sociaux (facebook, twitter, google buzz, linkedin) pour les mettre dans mes articles sur blogger sans avoir de décalage et avec un espacement ??

Merci d'avance pour vos réponses
 
WRInaute accro
Re: Au sujet des boutons de partage des réseaux sociaux

sans avoir de décalage et avec un espacement ??
Et plus clairement ? :mrgreen:

Sinon ça se joue probablement dans la feuille de style (.css) de ton template ou de ton widget si c'est un widget qui affiche ces boutons ;)

(site en favoris :mrgreen: :p )
 
WRInaute accro
Re: Au sujet des boutons de partage des réseaux sociaux

Ok :)

Je ne sais pas comment c'est codé, mais essaye de voir au niveau du css si tu as un code du style "addthis_button_buzz" (si tu parle bien de ton site de patisserie) ou quelque chose d'approchant, et voir s'il n'a pas de margin/padding-top qui le décalerait.
 
WRInaute passionné
Re: Au sujet des boutons de partage des réseaux sociaux

Essaye d'encapsuler chaque bouton dans un <div/span style="float:left;"> (ou right) </div ou span> individuellement.

Regarde le code dans cette page par exemple : http://www.aquaportail.com/news-474-regalec-un-serpent-de-mer-legendai ... rieux.html

Pour le Buzz Google, je ne suis pas trop certain de son efficacité... peu de sites l'exploite à l'heure actuelle, et hormis avoir un site qui traite de référencement ou internet, il y a peu de chance que quelqu'un clique dessus. ;)
 
WRInaute discret
Re: Au sujet des boutons de partage des réseaux sociaux

J'ai essayé mais il y a toujours le décalage.....
Voici comment j'ai mis le code :

Code:
<div/span style="float:left;"> <div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Partager</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div></div><div/span style="float:left;"> <a class='twitter-share-button' data-lang="fr" data-count='horizontal' data-related='Michael-patissier' data-via='http://twitter.com/Michael_Patiss' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script></div>
 
WRInaute accro
Je suis loin d'être un pro, mais ca semble être un sacré bordel dans le code ? div/span c'est quoi ?

Code:
<div id="social">
<span>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Partager</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</span>
<span id="tweet">
<a class='twitter-share-button' data-lang="fr" data-count='horizontal' data-related='Michael-patissier' data-via='http://twitter.com/Michael_Patiss' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</span>
</div>

et dans le css, ce que tu veux :

Code:
 .social {text-align:left;background:etc ...}
.tweet {margin-left:10px}
 
Discussions similaires
Haut