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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par mica, 7 Mars 2011.

  1. mica
    mica WRInaute discret
    Inscrit:
    23 Septembre 2006
    Messages:
    75
    J'aime reçus:
    0
    :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
     
  2. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 559
    J'aime reçus:
    0
    Re: Au sujet des boutons de partage des réseaux sociaux

    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 )
     
  3. mica
    mica WRInaute discret
    Inscrit:
    23 Septembre 2006
    Messages:
    75
    J'aime reçus:
    0
  4. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 559
    J'aime reçus:
    0
    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.
     
  5. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 722
    J'aime reçus:
    2
    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. ;)
     
  6. mica
    mica WRInaute discret
    Inscrit:
    23 Septembre 2006
    Messages:
    75
    J'aime reçus:
    0
    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>
    
     
  7. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 559
    J'aime reçus:
    0
    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}