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.
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.
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.
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 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 -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!
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 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
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 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 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 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
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
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 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 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! 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.
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.
This is a beautiful jQuery social bookmark widget for your blogspot blog.
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.
MobilyBlocks is a jQuery plugin (2KB) that allows you to create an unordered list as an animated circle.
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.
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.
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.
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).