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

Messages: 75

Enregistré le: 23 Sep 2006

Message le Lun Mar 07, 2011 17: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
Haut
6 Réponses
Messages: 3566

Enregistré le: 23 Oct 2010

Message le Lun Mar 07, 2011 17:40

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 )
Haut
Messages: 75

Enregistré le: 23 Sep 2006

Message le Lun Mar 07, 2011 17:53

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

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 17:54, modifié 1 fois.
Haut
Messages: 3566

Enregistré le: 23 Oct 2010

Message le Lun Mar 07, 2011 18:20

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.
Haut
Messages: 1697

Enregistré le: 11 Nov 2007

Message le Lun Mar 07, 2011 18:38

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. ;)
Haut
Messages: 75

Enregistré le: 23 Sep 2006

Message le Mar Mar 08, 2011 13:44

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: 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>
Haut
Messages: 3566

Enregistré le: 23 Oct 2010

Message le Sam Mar 19, 2011 11: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}
Haut

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.