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

[mica]

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

[padadam22]

sans avoir de décalage et avec un espacement ??

Et plus clairement ?

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 )

[mica]

Merci

En plus clair..... j'aimerai avoir quelque chose comme cela http://nsa25.casimages.com/img/2011/03/07/110307045510920933.png
Sinon sa s'affiche a peu près comme cela
http://nsa26.casimages.com/img/2011/03/07/110307045730486272.png
C'est sur le css car blogger n'a pas de widget pour ces boutons

[padadam22]

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.

[anemone-clown]

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.

[mica]

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

Code: Tout sélectionner

<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>


[padadam22]

Je suis loin d'être un pro, mais ca semble être un sacré bordel dans le code ? div/span c'est quoi ?

Code: Tout sélectionner

<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: Tout sélectionner

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