Comment intégrer les boutons de partages de réseaux sociaux sans plugin

Posté dans Réseaux sociaux Tutoriaux Web le 29 février 2012
Vidéo virale par ebuzzing
share button code

Aujourd’hui et depuis quelques temps vous le savez, il est impossible sur un site de ne pas intégrer les réseaux sociaux à son contenu. La raison est simple, les réseaux sociaux offrent d’excellentes possibilités  à vos visiteurs de partager votre contenu et cela de façon très simple. Les réseaux sociaux ont un pouvoir de viralité enorme et il serait dommage de s’en priver. Il existe des milliers de possibilités pour intégrer des boutons avec les réseaux sociaux les plus utilisés mais je souhaitais vous montrer qu’il est aussi possible de la faire « à la main ».

Faire les choses « à la main » est aussi le moyen d’avoir le rendu que vous souhaitez où vous le souhaitez sur votre site. Ci-dessous, J ‘ai collé des bouts de code qui vous permettrons d’avoir le rendu graphique que vous pouvez voir sur la barre de gauche (celle qui ne bouge pas quand vous scrollez). Maintenant si vous souhaitez avoir un rendu différent, vous pouvez cliquez sur « code » dans chaque titre, les liens vous emmènerons vers la page de customisation du site en question. Cela fait un moment que j’avais bookmarké ces sites alors autant vous les partager. Cela vous evitera aussi de chercher icon wink Comment intégrer les boutons de partages de réseaux sociaux sans plugin

Facebook ()

Twitter ()

Tweet 

Google + ()



 


 

        

Stumbleupon (code)

 

Facebook send



 

        

Tweetmeme (code)


Digg (code)

 < script type
 ="text/javascript">
 (function() {
 var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
 s.type = 'text/javascript';
 s.async = true;
 s.src = 'http://widgets.digg.com/buttons.js';
 s1.parentNode.insertBefore(s, s1);
 })();
 
  script >
 
 <a class="DiggThisButton DiggWide">a>


 <a class="DiggThisButton DiggMedium">a>
 
 <a class="DiggThisButton DiggCompact">a>


 <a class="DiggThisButton DiggIcon">a>

Pinterest ()


Pin It


        

Delicious (code)

Delicious
  Save this on Delicious

Myspace ()


 Share on Myspace

FriendFeed (code)

Partager sur FriendFeed

Reddit (code)


Technorati (code)


View blog authority

Tumblr ()

Share on Tumblr

        

Viadeo


LinkedIn


Newsletter Olybop.info

2 commentaires to “Comment intégrer les boutons de partages de réseaux sociaux sans plugin”

  1. aalex57 a écrit:

    Et je rajoute le dernier venu, avec Pinterest :

    aalex57 a écrit:

    Oups, je n’avais pas vu que tu l’avais déjà posté, commentaire à supprimer alors :s
    #fail

Poster un commentaire

©Olybop 2009/2012 Retrouvez l'actualité Webdesign, graphisme, typographie, publicités design, concours graphisme, StreetArt, designspartan. Modifier un pdf