Plugin jQuery – jSocial

jSocial est un plugin jQuery simple et adapté pour avoir les icônes et les liens vers les sites de réseaux sociaux en un clin d’œil sur son blog ou site.

Le plugin est tout récent et le créateur assure vouloir l’améliorer prochainement.

icones-netlinks

Voici son utilisation :

On appel le plugin :

[pastacode lang= »markup » manual= »%3Cscript%20src%3D%22js%2Fjquery.jsocial.js%22%20type%3D%22text%2Fjavascript%22%20charset%3D%22utf-8%22%3E » message= » » highlight= » » provider= »manual »/]

 

Puis on insère dans l’élément du DOM souhaité les effets du plugin jSocial :

[pastacode lang= »javascript » manual= »%3Cscript%20type%3D%22text%2Fjavascript%22%20charset%3D%22utf-8%22%3E%0A%09%24(‘.social’).jsocial(%7B%0A%09%09%0A%09%09%2F%2Foptions%20and%20usernames%20here%0A%09%7D)%3B%0A%0A%3C%2Fscript%3E » message= » » highlight= » » provider= »manual »/]

 

La div qui va recevoir les éléments :

[pastacode lang= »markup » manual= »%3Cdiv%20class%3D%22social%22%3E%3C%2Fdiv%3E » message= » » highlight= » » provider= »manual »/]

 

Voici un exemple pour avoir tous les liens sur ligne et centrés

[pastacode lang= »javascript » manual= »%24(‘.social’).jsocial(%7B%0Atwitter%20%3A%20’LudiKreation’%2C%0Afacebook%20%3A%20’facebook.com%2FLudiKreation’%2C%0Aflickr%20%3A%20’LudiKreation’%2C%0Adelicious%20%3A%20’LudiKreation’%2C%0Alinked%20%3A%20’linkedin.com%2Fin%2FLudiKreation’%2C%0Ayoutube%20%3A%20’youtube.com%2FLudiKreation’%2C%0Afeed%20%3A%20’LudiKreation’%2C%0Afriendfeed%20%3A%20’LudiKreation’%2C%0Adigg%20%3A%20’LudiKreation’%2C%0Alastfm%20%3A%20’LudiKreation’%2C%0Acenter%20%3A%20true%2C%0Ainline%20%3A%20true%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]

Voici un exemple pour avoir une partie des liens en miniature

[pastacode lang= »javascript » manual= »%24(‘.social’).jsocial(%7B%0Atwitter%20%3A%20’LudiKreation’%2C%0Afacebook%20%3A%20’facebook.com%2FLudiKreation’%2C%0Aflickr%20%3A%20’LudiKreation’%2C%0Adelicious%20%3A%20’LudiKreation’%2C%0Alinked%20%3A%20’linkedin.com%2Fin%2FLudiKreation’%2C%0Asmall%20%3A%20true%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]

Voilà c’est simple à mettre en place et c’est toujours utile.

Lien vers la page du plugin jSocial : http://plugins.jquery.com/project/jsocial
La page de démo avec les exemples : http://demos.thatryan.com/jSocial

Author: Franck Pertegas

Share This Post On

Trackbacks/Pingbacks

  1. jSocial — Votre présence sur le web en un clin d’oeil - [...] Via LudiBlog. [...]
  2. TECH-THINKING.be | WEB and GRAPHIC agency - [...] Via LudiBlog. [...]
  3. jQuery – 20 plugin jQuery à retenir | LudiBlog - [...] Je vous en parle ici Un plugin jQuery simple et adapté pour avoir les icônes et les liens vers…
  4. 35 plugins jQuery rien que pour vos sites web ! | LudiBlog - [...] Je vous en parle ici Un plugin jQuery simple et adapté pour avoir les icônes et les liens vers…
  5. 50 Plugins jQuery pour vos sites web ! | LudiBlog - [...] vous en parle ici Un plugin jQuery simple et adapté pour avoir les icônes et les liens vers les…
  6. Liste de tous les plugins jQuery testés sur le blog | LudiBlog - [...] Réseaux communautaires / Outils API / Jeux jQuery AutoSuggest Plugin pp3Diso jTwitter jQuery QRCode GMap gComplete jSocial [...]

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *