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 104
    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 104
    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 577
    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 104
    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 chat sur un site ecommerce Demandes d'avis et de conseils sur vos sites 14 Avril 2022
Astuce Quels sont les pratiques optimales pour intégrer Adsense ou autre Monétisation d'un site web 13 Septembre 2021
Intégrer un site en sous domaine d'un gros site Demandes d'avis et de conseils sur vos sites 1 Février 2021
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
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
Quelles pages a ne pas intégrer sur son sitemap Crawl et indexation Google, sitemaps 1 Juin 2016
Intégrer api la poste colissimo Développement d'un site Web ou d'une appli mobile 18 Mai 2016
Intégrer une boutique à son site, est-ce vraiment une bonne idée ? Débuter en référencement 16 Avril 2016
Intégrer un chat "support" sur son site ? e-commerce 24 Mars 2016
Comment intégrer un filtre sur des filtres référents? Google Analytics 2 Juin 2015
intégrer un flux XML e-commerce 26 Avril 2015
Intégrer un blog dans un site avantage ? Débuter en référencement 8 Mars 2015
Prestataires d'avis à intégrer dans annonces adwords AdWords 5 Mars 2015