1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

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:
    59
    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 116
    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:
    59
    J'aime reçus:
    0
  4. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 116
    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 599
    J'aime reçus:
    20
    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:
    59
    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 116
    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}
     
Chargement...
Similar Threads - intégrer boutons partage Forum Date
Intégrer un live sur site web Facebook 10 Septembre 2020
intégrer avis clients pages jaunes via code source Développement d'un site Web ou d'une appli mobile 5 Juin 2020
E-commerce: Créer un collection sans l'intégrer sur la page d'accueil Débuter en référencement 3 Avril 2020
Confus sur la manière d'intégrer les données structurées Référencement Google 30 Juillet 2019
les micro-données : intégrer des anciens avis dans son site en micro-données Référencement Google 30 Décembre 2018
Intégrer des produits prestashop sur une landing page e-commerce 6 Novembre 2018
Comment intégrer un flux XML affiliation sur mon site WordPress ? Monétisation d'un site web 3 Octobre 2018
Intégrer dans un blog un e-commerce e-commerce 2 Juin 2017
Faut-il intégrer ses vidéos Youtube à son site web ? Référencement Google 28 Décembre 2016
Intégrer le contenu Flipboard à mon site Développement d'un site Web ou d'une appli mobile 7 Juillet 2016