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 117
    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 117
    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 581
    J'aime reçus:
    13
    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 117
    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
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
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
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice