Showcase of Twitter Integration on Blogs

You’ve probably noticed that Twitter links and updates are now very commonly found on blogs. There are a few different ways that Twitter can be used and integrated into a blog, and this post will showcase 30 blogs that are promoting a Twitter account. Some show the most recent Tweets and others are simply icons and links to the Twitter page. There is a good bit of variety from these featured sites, so hopefully you’ll find some that you like.

If you like getting design inspiration by looking at excellent blog designs, you’ll love our new gallery site Blog Design Heroes.

Ondrej Vertat

Ondrej Vertat

Foodess

Foodess

Mostly Lisa

Mostly Lisa

Blog Amuki

Blog Amuki

Productive Dreams

Productive Dreams

Benjamin Teo

Benjamin Teo

Jay Hafling

Jay Hafling

Brad Colbow

Brad Colbow

Front

Front

Delicious Design Studio

Delicious Design Studio

J Taylor Design

J Taylor Design

Chris Sloan

Chris Sloan

Getting Crazy on the Waltzers

Getting Crazy on the Waltzers

Vectips

Vectips

Marios Tziortzis

Marios Tziortzis

Faith Arslan

Faith Arslan

Line25

Line25

Yoast

Yoast

Doejo Interactive Media

Doejo Interactive Media

Loud Creative

Loud Creative

Six Revisions

Six Revisions

Design Bombs

Design Bombs

Your Web Job

Your Web Job

Fuel Your Creativity

Fuel Your Creativity

Design Newz

Design Newz

Freelance Folder

Freelance Folder

Self Conclusion

Self Conclusion

Web Design Ledger

Web Design Ledger

ImJustCreative

ImJustCreative

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

56 Responses

Comments are now closed on this post.

  • Colorburned, April 30, 2009

    Great list! I’ve integrated Twitter rather heavily on my site. Check it out http://colorburned.com/2009/04/tweet-this.html

  • Chris Wallace, April 30, 2009

    I know it wasn’t on purpose, but you squeezed a @mashedjobs banner in there! Right on!

  • Fabian, April 30, 2009

    Great way of personalizing a site. Can anyone please point me to a link on how this is done?

  • Fabio, April 30, 2009

    @Fabian I started from this great tutorial:
    http://css-tricks.com/video-screencasts/19-designing-a-unique-page-for-twitter-updates/

  • It’s so interesting to see how effective little details are: the choice of Twitter icon, the content of the Tweets and the way Twitter is integrated into the page. Thanks for compiling this inspiring list (and introducing us to some new blogs).

  • Patternhead, April 30, 2009

    Great post, thanks.

    @Fabian This should help get you started…
    10 ways to integrate Twitter with your site

  • joyoge designers' bookmark, April 30, 2009

    nice showcase of twitts blogs.. thanks for the collection

  • Fabian, April 30, 2009

    Thanks so much for everyone’s help,you guys rock!
    p.s..sorry if I hijacked the thread.

  • Steve, April 30, 2009

    This is a great service to those who are looking for innovative design ideas for their web sites. Thank you for sharing and being so creative.

    Steve

  • Jason Zimdars, April 30, 2009

    It is disappointing to see how many have appropriated Iconfactory’s Twitterific icon. As far as I know, this is not in the public domain.

    http://iconfactory.com/software/twitterrific

  • JG, April 30, 2009

    Great post and display of how creative people are getting with twitter. Now if everyone would just figure out how to use twitter correctly ;)

  • Liz Hover, April 30, 2009

    I love these kinds of lists about Twitter. Thanks for putting it together. I have a little speech bubble on one of my blogs (actually my dog’s blog Sadie Shih Tzu social media puppy) for tweets: http://www.sadieshihtzu.com.

  • Bronson, April 30, 2009

    Jay Hafling’s integration is kick-ass and definitely my favourite.

  • Design Inspiration, May 1, 2009

    Ha, that’s awesome. I’m really loving some of these designs, and this blog as well, it looks great.

    I used to have my Twitter on my blog, using a plugin called Lifestream, but I haven’t activated it since I am using a new theme that doesn’t look good with it. I’m gonna be switching themes soon though, so I can integrate Twitter into it. :)

  • RG, May 2, 2009

    Thank you for showcasing my website!

    I guess I should tweet more often :P

  • Tukang Nggame, May 3, 2009

    hmmm.. cute tweety…
    thanks for share…

  • Janko, May 3, 2009

    Nice idea for showcase :)

  • solteiros latino, May 4, 2009

    Nice post. What a brilliant creations they have. The page integration looks neat.

  • Jason, May 5, 2009

    twitter is on world domination now.

    everyone in my office is just

    twittering around all the time.

  • Tim Wright, May 6, 2009

    Very nice collection, thanks. It’ll serve for some good inspiration

  • site update service, May 8, 2009

    twittering sites? this is nice reference. although you can get all those nonsense updates sometimes from tweets you can still have bunch of followers if you do it the smooth way.

  • Gabe Diaz, May 9, 2009

    Great list! I opted for a duck and not a bird :)

  • michelle, May 11, 2009

    This Tweets collection really useful to save the time on internet we can use this tweet to make more social friends and for business purpose also we can use it and twitter really helpful to get information about current affairs. Good Information. Thanks Michelle.

  • d2m.ca, May 12, 2009

    Those are awesome awesome creative ideas using twitter as part of the layout. NICE.

  • Lauren, May 15, 2009

    Noticed your site integrets twitter with the retweet, but I can’t seem to find YOUR twitter. I wanted to follow you, your site is great. Am I a dodobird and can’t find it or do you guys not have a twitter?

  • Vandelay Design, May 15, 2009

    Hi Lauren,
    Here is my Twitter URL – http://twitter.com/stevensnell

  • Aha, the bird that’s virtually everywhere these days. The wide range of designs is ample testimony to the phenomenon that Twitter has become. One name – a million faces, eh? I liked the Origami twist on Doejo. Nice.

  • Thanks for including me on this list, shame my wp plugin was showing the ‘uh oh my twitter feed is down message’ lol

    a great list so nice to be in there with them! :)

  • Anwar, May 28, 2009

    This collection really helpful to save the time on internet great Informative resources.. much appreciated.

    Thanks Anwar

  • nbookinfo, May 28, 2009

    I do not use twitter. But see that very popular among people… It is necessary to try.

  • Ammy, May 29, 2009

    Great list, I reacently created one twitter badge for a client of mine. This jquery twitter api plugin came very useful.

    @nbookinfo You have to try it. I tried once and now i’m an twitter adict :)

  • Papilouve, May 30, 2009

    These are beautiful.
    I very love tweeter :)
    Thank you!

  • Kenney Jacob, June 2, 2009

    Include mine as well….

  • Al, June 16, 2009

    You should take down Ondrej Vertat’s work as his site is an awful copy of Jeff Sarmiento’s – http://www.jeffsarmiento.com/

  • Twitter for Small Business, October 29, 2009

    What a great idea for a blog post! I’d not heard of the majority of these so thank you for introducing them. I particularly like Jay Hafling’s Twitter integration. Is this a special plugin or just a good bit of design?

  • Mr. tøjbutik, March 1, 2010

    Very good list with much inspiration…. I’m not using Twitter yet, but when the day comes, I will come back here ;-)

  • Omer Greenwald, March 5, 2010

    Really awesome designs!
    I love Doejo Interactive Media and Jay Hafling

  • Belfast, April 15, 2010

    Nice.

    Proper integration of social media is a design headache, but you’ve chosen some nice examples!

  • Thanks, lots of inspiring stuff there. Will come in useful at some stage no doubt.

    Brian

  • Michael, June 30, 2011

    This is some pretty interesting stuff although all of it is just a case of repeating your tweets onto a different website.

    Does anyone integrate with Twitter and interact with their followers in a more unique and personallised way? There is nothing wrong with displaying a users tweets on their own website but we are looking for ways to do something a bit more special, and, if possible, more interactive.

    The first example that we came up with was grabbing a load of tweets on a certain subject.
    As we were exibiting at a business exibition called Let’s Do Business, we decided to make a hub page to do with the exibition. This page included a Twitter feed that grabbed tweets mentioning @letsdobusiness1, @Switchplane (our company), #ldbe and #cloudpun.
    The result of which can be seen here http://www.switchplane.com/ldb/

    The Twitter feeds on the left updates itself in real-time (no need to refresh the page). If you would like, give us a tweet at @Switchplane and watch your tweet appear. There is javascript that refreshed the time the tweet was sent every 15 seconds or so, and new tweets are checked for about every 2 minutes (due to restrictions with the API).

    We are also working on some code to check if people have retweeted statuses, are following us, etc.. automatically in order for them to collect rewards.

    I was wondering if anyone else has gone further with Twitter than just displaying Twitter statuses on an external website or if you have any cool ideas like the ones I have suggested above. Email me, tweet us or comment back. Cheers

Close