25 Great Social Media jQuery Plugins and Tutorials

jQuery as a standard in web design, has found itself to be driving force in many areas of web pages. Currently it is being used to make infinite scrolling of content in websites, and also to implement page flip image and content presentation systems. These, along with more ubiquitous jQuery sliders and carousels, are what make the scripting language highly valuable in web design and development.

Also, another core application of the JavaScript library is its use in social media promotion or connectivity of a website. Luckily, you can do this easily by integrating some social media jQuery plugins available in the web. You can choose a tool that can appropriately meet your social media promotional needs but finding them may not be easy as it seems.

So here in this article, we are sharing with you some of these social media jQuery plugins that you can use to meet your varied social media needs.A number of these resources are free but we are also including some premium items for you to have a broader insight. Also, you will find a number of social media jQuery tutorials with downloadable source codes at the end so that you will have a look, or even a coding experience with jQuery that can further boost your facility with the language. Don’t forget to share with us your thoughts and share this article to your friends in the social media. Enjoy!

Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.

jQuery LiveTwitter

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.

So So Social Plug-In – Powered by jQuery and YQL

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. Think of it like the news feed on Facebook but for you and your various social networking news.

Live Tweets – jQuery plugin

Live Tweets is a jQuery plugin that lets you easily create a LIVE Twitter feed on your website. You can search on hashtags (#apple), usernames, @mentions and more using the Twitter operators. All results will be pulled into your website resulting in a up to date feed. – CodeCanyon Premium jQuery Plugin

Bit.ly Button – jQuery Plugin for Your Clicky Post

bit.ly -The intelligent URL shortener- offers realtime statistics about the clicks on shortened links and this button takes advantage of that information. This jQuery button gives you a uniform click count button -tall or wide- that people can also use it to retweet your post. When you use a short link to tweet your post, it may get 100 retweets but in terms of bit.ly stats that could mean 1000 clicks coming from the whole twitter ecosystem which makes another interesting measure of how popular is your post!

jQuery Social Media Tabs

Combine all of your favorite social networks profiles & feeds into slick slide out or static tabs. jQuery Social Media Tabs plugin can be added to ANY website – No need for PHP ! – CodeCanyon Premium jQuery Plugin

Smart Social Counter jQuery Plugin

Smart Social Network Counter Plugin will help you to show your site social network counter. You can use floating bar or inside your page. – CodeCanyon Premium jQuery Plugin

jQuery Social Share Buttons Plugin

Add social share buttons to ANY website with the jQuery Social Share Buttons plugin – No need for PHP ! – CodeCanyon Premium jQuery Plugin

Facebook Like to Download jQuery

Facebook Like to Download for jQuery allows you to turn the Like Button into a social media traffic blasting download button. This unique plugin and idea is an all new way to give your users their content, and increase your social traffic. – CodeCanyon Premium jQuery Plugin

Facebook Like to Download for WordPress

Facebook Like to Download for WordPress allows you to turn the Like Button into a social media traffic blasting download button. This unique plugin and idea is an all new way to give your users their content, and increase your social traffic. It features WordPress Shortcode with tinyMCE plugin for one click insertion of customized shortcodes; insert multiple lockers per post / page, can be used anywhere shortcodes work in your site; cookies keep track of users that already clicked like for each download link; and many more. – CodeCanyon Premium jQuery Plugin

Pinterest Auto Pin for jQuery

Pinterest Auto Pin for jQuery is the javascript plugin that allows you to quickly and easily add hover over “pin it” buttons to your images, on the fly making them instantly pinable to any board on Pinterest! – CodeCanyon Premium jQuery Plugin

Pinterest Auto Pin For WordPress

Pinterest Auto Pin for WordPress allows you to quickly and easily add hover – over pin it buttons to your images on the fly making them instantly pinable to any board on Pinterest! – CodeCanyon Premium jQuery Plugin

jQuery Facebook Traffic Driver

This plugin will take your Facebook presence to new heights. Its elegant look and real time stats will make people feel like they are making a difference. Aside from the real time data stream, the like status is stored in a cookie so you have the option of enforcing the user to “like” you before they can access content. You can also set a timer on the popup to show for an set period of time before it hides itself. – CodeCanyon Premium jQuery Plugin

Top Social Share Posts for WordPress

You have the buttons, now promote both your content and your social networks with Top Social Share Posts! This unique plugin tracks and updates your post counts from Facebook, Twitter, Google +1, Linkedin, Digg, Delicious, Stumbleupon, Reddit & Pinterest. It lists your top posts by share count for each social network and display post lists as a jQuery accordion, a slick carousel widget or create a slider showing the top post by network. – CodeCanyon Premium jQuery Plugin

Exit Through Facebook Like

Exit Through Facebook Like is a plugin that raises popup box once user clicked any external links in your posts/pages or comments. Popup box suggests user either to Like your webpage on Facebook for immediate redirection to target link or to wait some time to be redirected. Delay period, content and size of popup box is configured through settings page. Settings page also has an option to exclude any external links from consideration. – CodeCanyon Premium jQuery Plugin

Exit Through Google +1

Exit Through Google +1 is a plugin that raises popup box once user clicked any external links in your posts/pages or comments. Popup box suggests user either to +1 your webpage on Google for immediate redirection to target link or to wait some time to be redirected. Delay period, content and size of popup box is configured through settings page. Settings page also has an option to exclude any external links from consideration. This is good solution for website promotion via Google Plus social network and Google Search. Google Plus is fast-growing social network. And Google is most popular search engine as well as most visited website in the world. Nice spot for your website promotion. Isn’t it? Exit Through Google +1 plugin will help to add thousands of fans to your WordPress site on Google and get more traffic. – CodeCanyon Premium jQuery Plugin

jQuery: Share it!

jQuery Share It! is a A jQuery plugin that displays social bookmarking icons. It hides and toggles a group of social bookmark icons with a nice slide animation.

Quite Delicious Button – A jQuery Plugin

This jQuery-fied button should give you a uniform share button -tall or wide- that looks quite delicious! It works the same as the official Delicious button.

iQuery Social Bookmarks Icons for Bloggers

This is a beautiful jQuery social bookmark widget for your blogspot blog.

SMover, a jQuery Social Media Plugin

SMover is a jQuery plugin that hides social media icons away, whilst allowing super smooth and easy access to them when required. It’s also really small, just 4kb compressed! SMover hides away social media (in fact, any) icons and only displays them when the user hovers on a call to action, there are no labels with SMover, however the links title is used to signify the links purpose, check out the demo for a hands on session.

jTweetsAnywhere

jTweetsAnywhere is a jQuery Twitter Widget that simplifies the integration of Twitter services into your site. With just a few lines of Javascript you can: Display tweets from users’ feeds, lists and favorites; Show results from a Twitter search; Present auto-refreshing realtime/live tickers; Build pageable tweet feeds; Give your visitors the opportunity to Reply to, Retweet and Favorite your tweets; Integrate a customizable TweetBox into your site; Let your visitors follow you directly from your site; and handle secure authentication with Twitter.

MobilyBlocks

MobilyBlocks is a jQuery plugin (2KB) that allows you to create an unordered list as an animated circle.

Create a Social Media Sharing Menu Using CSS and jQuery

This tutorial, will show you how to create a social media share menu using CSS and jQuery. You are going to create the menu using basics CSS such as the CSS background-position property and a little jQuery to make the links animated.

Create a jQuery Plugin For Social Networking

This plugin 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 Share Toolbar

This tutorial will teach you 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.

Push effect: Improving visual feedback for social voting tools with jQuery

In this tutorial you will create a new social voting tool called Flippit. It is a counter with a nice transition effect that looks as if the display is pushed upward to reveal the new display. This technique could be used for anything where a numeric value increases or decreases whether it results from user interaction or not (as in live scoreboards).

About Ronalea Talaboc Talaboc

Rona is just a simple girl often lost in her daydreams in the days past. Now, she has found herself and discovered that she loves social media, gadgets, graphic design and anything creative. During her free time, you can find her taking pictures of cats and some surreal landscapes.

Tagged as: ajax, javascript, jquery social media plugins, social media jquery plugins, social media jquery tutorials