JQuery Social Media Plugins

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


Comments