Thursday, February 10, 2011

9:37 AM

Twitter is one of the most popular and prevailed social network all over the world for communication and discussions online. Twitter is powerful on its own, so to integrate Twitter into website or blog means to make your site even more powerful. Bringing Twitter into your site will help you to attract visitors and advertise your content. It and can also help you gain lots of visitors by stretching your visibility and informing them that you are on Twitter.

The easiest way to integrate Twitter into website is widget created by Tweeter itself. But there is more efficient and fruitful way to integrate Twitter into your website or blog with ease. jQuery plugins give a great line of abilities to develop a huge number of different effects to your projects. Certainly, they are imprescriptible part of nowadays web design.

Using jQuery plugins  is a great tool for the mission of integrating Twitter to a bog or website. When Twitter is integrated to a website or blog, visitors are able to find the tweets listed interesting and get interested in following to get more tweets. This is doubtless an effective recourse compared to a simple “follow me on twitter” button. After ingoing to wide jQuery community, people never stop putting into practice various types of jQuery plugins for their projects because they are so easy to use. So here is the list of twenty jQuery plugins to integrate Twitter into a website or blog without any problems.

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.

Twitter Friends & Followers 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. By featuring your Twitter friends or followers on your blog, you will encourage others to become friends too..

Who-Tweet Button : Fancy jQuery Plugin for Twitter

I took the Topsy retweet button and jQuery-fied it, then added the “Who” part to it using the awesome Topsy API. to create this fancy share count button for your stories on twitter. that’s it! The Who part is about attributing the people who tweet your story by showing their Twitter pictures inside the retweet button. Topsy  keeps a complete history about Twitter trackbacks of your links which I utilized in another jQuery plugin and inspired me with this idea.

A jQuery Twitter Ticker

In this tutorial we are going to create a pure jQuery & CSS twitter ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code  or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings.

jQuery plugin for Twitter

You can add alternative content to the container element (that you pass to the plugin). This will be replaced by your tweets when the plugin is executed by jQuery. If JavaScript is disabled or the plugin fails, your visitors will still see your alternative content – a good idea therefore would be to include a link to your twitter profile.

Making Our Own Twitter Timeline

Twitter has grown into a real social phenomenon. This is an incredible achievement for such a simple service. But as you know, great ideas are not necessarily complex. This time we are going to create our own twitter-like timeline, where you can view and post your tweets. You can use the code I’ve provided here for all kinds of purposes and be sure that the possibilities are endless.

jQuery LiveTwitter

LiveTwitter is a lightweight, live updating Twitter search plugin for jQuery.

Tweetable – A jQuery plugin

Tweetable is a lightweight jQuery plugin which enables you to display your twitter feed on your site quickly and easily. More than just displaying the feeds you can highlight @replys as well as links being dynamically generated for ease of use.

Realtime Related Tweets Bar: Another jQuery Plugin

With all the buzz lately about Twitter real-time search. Why don’t you add a real-time tweets bar related to your posts from your twitter timeline or from anybody or even limit it by a geocode coordinates!

A jQuery Plugin for Custom, CSS Styled, Retweet Buttons

Retweet buttons are all over the internet now.  They are a handy for giving visitors a quick way to share a post. These all work great and are easily recognizable.  Sometimes we have wanted to add a button that matches a site a little better.  The topsy button has some customization, but not much.  It just allows you to change color schemes.

jQuery Twitter Widget with @Anywhere support

jTweetsAnywhere is a jQuery Twitter Widget that simplifies the integration of Twitter services into your site.

jQuery quickie: Unlimited Scroll using the Twitter API

Time for another relatively simple jQuery tutorial, just like my previous jQuery quickie. At work, I’m currently working with Silverlight and implemented unlimited scroll. This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

Boastful, a new tweetback library for your blog

I alluded to this yesterday, but finally have been able to release Boastful, a jQuery plugin that grabs “tweetbacks” for your blog. Tweetbacks are like trackbacks- every time someone mentions your blog on Twitter, you can pull in those mentions and print them out on your blog. This has gained in prevalence lately with 3rd party services like Disqus, which grabs all those tweets and integrates them with your normal blog comments. That’s a really crappy solution.


A simple JavaScript plugin, that pulls the latest Twitter Tweets, based on your search terms, and shows them on your website.

Latest Tweets Tooltip with jQuery

If you have a news website, it might be interesting for you to allow your users to see the latests tweets about a topic. Here is a jQuery plugin for showing the latest tweets about a certain word or phrase.

Twitter API and jQuery Showcase: Display your Followers or Friends

Today I was playing around with the Twitter API and created this little “widget” using jQuery and PHP. I know, there are already plenty of them, but I wanted to improve some details. You can configure and use this in your website to show your followers or friends with some interesting information about them (name, number of followers, number of friends). A reason why 100 followers or friends are loaded in the beginning is the restriction the Twitter API is giving in the number of results per request. So, in order not to make several requests which would take quite some time, I just get 100. However, you can always click the link to the entire list in the end of the pagination.


Unknown said...

Thanks for providing such nice information to us. It provides such amazing information on care/as well
Health/.The post is really helpful and very much thanks to you. The information can be really helpful on health, care as well as on
exam/ tips. The post is really helpful.
Thanks for providing such nice information to us. It provides such amazing information on engineering Exams/

Mayra Dean said...

Awesome article! It is in detail and well formatted that i enjoyed reading. which inturn helped me to get new information from your blog. I am sharing related topic which is mostly important for How to get
free Robux

Maria Bryant said...

This is actually good to read the content of this blog. here is very general and the huge knowledgeable platform has been known by this blog. I, in reality, appreciate this blog to have such kind of educational knowledge. I am sharing related topics that are most important for How to find my lost Android and iphone.

David Smith said...

I like this blog very much, Its a very nice place to read and obtain information
keep up the wonderful piece of work, I read feew posts on this site and I think that your site is very interesting and holds circles
of great info.
there is lot people are searches
Free Robux on internet , most of searches
How to get free Robux. to
Get Free Robux and
FREE ROBUX ROBLOX some people might be confused at this stage.but gor
Earn Free Robux - Redeem Instantly or
Free Robux - Earn and
Earn Free Robux you have to visit
free robux websites. from that you
earn robux today by a very easy may also get
free robux codes and
Free​ Roblox ​Robux.

Dani said...

Enjoyed reading the article above, really explains everything in detail, the article is very interesting and effective. Thank you and good luck for the upcoming articles. If you have time you can check Inventory Bin Codes

Dani said...

This is the Kind of Manual That Needs to Be Given and Not the Random Misinformation That's at the Other Blogs. Appreciate Your Sharing This Best Post and Keep on Sharing More Posts With Us in Future. Thanks, also you can check my work How Credit Cards are Generated from BIN

Rosario70 said...

Your blog inspire me a lot. I really like it and it makes me happy. Thanks for sharing this great information. I am a gamer and here is something interesting for you.
You may Visit here

loda lasan said...

I have read your article, it is very informative and helpful for me. If you have time, please visit here visit here

Mandal stive said...

This is a very good blog. I appreciate your work. I found so many interesting stuff in your blog especially its discussion. Really its great article. Keep it up. If you want read my artical about minecraft then plese click here
Click Here

Unknown said...

The content of your blog is exactly what I needed, I like your blog, I sincerely hope that your blog a rapid increase in traffic density, which help promote your blog and we hope that your blog is being here
Click Here

John said...

Nice information for all about this. I really get wonderful information . Thank you so much. I also have something for you. you can Check here

Alicia said...

Such a amazing post with a positive approach. Really glad to read it. Its easy to understand. And you can also check Winrar a software to Lock or Split files.

Starkmartin095 said...

Looking great work dear, I really appreciated to you on this quality work. Nice post!! these tips may help me for future.I have something for you to compress and archive your data. Winrar
Check here

Rosario70 said...

I think this is among the most vital information for me. And I'm glad to read your article. Also, I am glad to share a brilliant post about BSL Shader for Minecraft . I hope you will really enjoy this shader pack.

Michel lio said...

The content of your blog is exactly what I needed, I like your blog, Your blog inspires me a lot. Thank you for posting such a great article! If you have time you can check pokemon xd gale of darkness