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

Consultez la formation SEO spéciale Wordpress
par WebRankInfo / Ranking Metrics

mica
WRInaute discret
WRInaute discret
 
Messages: 75
Enregistré le: 22 Sep 2006

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

Message le Lun Mar 07, 2011 16:23

: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

padadam22
WRInaute accro
WRInaute accro
 
Messages: 3566
Enregistré le: 23 Oct 2010

Re: Au sujet des boutons de partage des réseaux sociaux

Message le Lun Mar 07, 2011 16:40

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 )

mica
WRInaute discret
WRInaute discret
 
Messages: 75
Enregistré le: 22 Sep 2006

Re: Au sujet des boutons de partage des réseaux sociaux

Message le Lun Mar 07, 2011 16:53

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
Modifié en dernier par mica le Lun Mar 07, 2011 16:54, modifié 1 fois.

padadam22
WRInaute accro
WRInaute accro
 
Messages: 3566
Enregistré le: 23 Oct 2010

Re: Au sujet des boutons de partage des réseaux sociaux

Message le Lun Mar 07, 2011 17:20

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
WRInaute passionné
WRInaute passionné
 
Messages: 1687
Enregistré le: 11 Nov 2007

Re: Au sujet des boutons de partage des réseaux sociaux

Message le Lun Mar 07, 2011 17:38

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
WRInaute discret
WRInaute discret
 
Messages: 75
Enregistré le: 22 Sep 2006

Re: Au sujet des boutons de partage des réseaux sociaux

Message le Mar Mar 08, 2011 12:44

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
WRInaute accro
WRInaute accro
 
Messages: 3566
Enregistré le: 23 Oct 2010

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

Message le Sam Mar 19, 2011 10:42

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}


Formation recommandée sur ce thème :

Formation SEO spéciale Wordpress : apprenez à optimiser le référencement naturel d'un site fait avec Wordpress... Formation Ranking Metrics animée par un expert SEO / Wordpress.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :