20+ JQuery Social Media Plugins

By

July 5, 2011JQuery3 Comments

Do you want more traffic on your website? Do you want to stay on top of future trends of search? Do you like a lot of people to recognize your business? Do you want to gain insight into how social and search strategy can amplify media and public relations outcomes? Do you want to gain contacts for your business? Do you want to check your how many brand loyal you have? Or want to make more brand loyal? Do you want to understand how to develop search & social personas? Then SOCIAL MEDIA is your answer! Add some really cool social media plug-ins on your website and that will do.

And if those social media plug-ins are from jQuery then what could be better?? The jQuery Library provides a list of social media plug-ins. Today I have compiled a list of jQuery social media plug-ins for you. Take a look!! And do leave a comment and bookmark the post if you like!!

1- A Twitter List Powered Fan Page

Recently, Twitter rolled out a great new feature on their site – lists. You can now create and compile a list of twitter users and make it easier for others to follow all at once.

Also, at the same time, they expanded their API to include list management functionality. This allows us to use these new tools to create a widget that flips lists the other way around – a fan page you can put in your sidebar, that allows your visitors to fill in their twitter name and join a specially crafted fan list in your twitter account.


JQuery Social Media Plugins

2- Sponsor Flip Wall With jQuery

Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.


JQuery Social Media Plugins

3- Create a jQuery Plugin For Social Networking

This is a plugin I actually just made, it will take a few input options that are, for the most part, your usernames to various social networking sites. The plugin handles the rest; creating all the links and building a nice list, complete with matching icons to everywhere you are on the web.


JQuery Social Media Plugins

4- Social Icons With Cool jQuery Tooltip

This tutorial will take you through how to create a simple jQuery animated tooltip for social icons such as RSS and Twitter. It shows you how to achieve a nice faded animation that you can change variables such as fade speeds etc. All you need is two images and jQuery!.


JQuery Social Media Plugins

5- Mobily Blocks

MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.


JQuery Social Media Plugins

6- Tweet Blender

Have you ever dreamed about Tweet Blender at your web kitchen? Looks like someone have heard your prayers and now you can easily blend twitter streams from different people, hashtags, search results, and Twitter lists into a single conversation.


JQuery Social Media Plugins

7- jQuery Live Twitter

LiveTwitter is a lightweight, realtime updating Twitter plugin for jQuery. You can use it to show a stream of tweets based on search queries, tweets from a specific user or a list. You can also filter the tweets by geographic location, language etc.


JQuery Social Media Plugins

8- Apple Dock OSX menu

This menu plugin resembles the Apple Dock menu. You can use it as an image slideshow or for displaying links to social networks. The script is a jQuery plugin, so you also need to include the jQuery library. You can download the jQuery library below. This script works on a div containing img’s, optionally wrapped in hyperlinks.


JQuery Social Media Plugins

9- Twit Book

A jQuery plugin that allows you to insert Facebook likes, tweets, and Delicious bookmark counts anywhere within your markup. All in 77 glorious bytes!


JQuery Social Media Plugins

10- So So Social Plugin

The So So Social plug-in uses jQuery and YQL (Yahoo Query Language) to gather RSS feeds from your various social networks and sorts them into an “activity feed”. It basically creates a news feed out of your social networking activity.


JQuery Social Media Plugins

11- Gmail/Facebook Style jQuery Chat Plugin

Implement gmail and facebook chat modules to your website and enjoy amazing functionality together with attractive design solutions. But you must know that this script does not manage rosters (i.e. which users are online etc.), it only enables users to chat with each other.


JQuery Social Media Plugins

12- Twitter Friends Widget

There is a Facebook fans widget, Google friends widget, what about a Twitter friends widget?! Here is a jQuery plugin that you can embed anywhere to display pictures of your Twitter followers or friends (whom you follow) and their latest tweets if you like.


JQuery Social Media Plugins

13- Follow & Tweet Widget

This plugin display avatars of people who have recently followed your twitter account and tweeted your link. It would be useful when you have a new project launch and you need to encourage people to follow & tweet it by showing their Twitter avatars!


JQuery Social Media Plugins

14- Google Buzz Widget

This is a jQuery widget for the brand new social network -Google Buzz- that you can embed anywhere to integrate your buzz stream into your page.


JQuery Social Media Plugins

15- JQuery Twitter Api Plugin

Got bored with default twitter functionality? Well we’ve got something for you – next jQuery script will help you to use Twitter API (application programming interface) for you own purposes.


JQuery Social Media Plugins

16- Bitly Button – jQuery Plugin

jQuery Share It! Hides and toggles a group of social bookmark icons with a nice slide animation.


JQuery Social Media Plugins

17- jQuery Social Share Toolbar

This is the instructions on how to build your own social share toolbar using jQuery and CSS3. The toolbar should be visible at the bottom right corner of your browser. If you hover over the toolbar it will slide up, click the minimize button it will all but disappear, click one of the icons and you will be taken to either the login page or the share page of that social site.


JQuery Social Media Plugins

18- Quite Delicious Button

This is a share count button to encourage people to bookmark your content on Delicious. Although Delicious provides their own button and I tried before to style it differently, but still It didn’t look quite uniform like other sharing buttons.


JQuery Social Media Plugins

19- Share It

A jQuery plugin to display social bookmarking icons.


JQuery Social Media Plugins

20- Push effect

Digging, voting, buzzing, retweeting, liking, bumping, shouting. These ubiquitous social tools have become the de facto mechanism to determine collective popularity. There’s little variation in terms of visual feedback when you engage these tools to increase an item’s popularity by one unit. Most just update the value instantly while others (Digg) perform a little fade effect.


JQuery Social Media Plugins

21- BubbleUp jQuery Plugin to Spice Up Your Menu

This plugin now is more flexible, easy to customize and working with all major web browsers with any size of images.


JQuery Social Media Plugins

3 Responses to “20+ JQuery Social Media Plugins”
  1. Vladimir

    Very nice collection of Plugins :)

    Thanks for sharing.

  2. Papaweb

    You talk about social media plug-in and Ican’t share your good article because i can’t see share buttons in your page !

    Paradox !

  3. LouiseHagstrom

    Ican’t beleave my eyes…thanks for sharing

Leave a Reply