The Brave Programmer - Blogging and coding
Not for the faint hearted
 

Blog Posts From The Brave Programmer

Minimize

How to Embed Twitter Tweets?

May6

Written by:
2010/05/06 07:41 AM RssIcon

In my previous post, I spoke about Twitter mentioning that they are moving towards embedded tweets. Read it to find out more.

As expected Twitter rolled out a new tool called Blackbird pie, how ironic is that. So lets look at Blackbird Pie and a few other ways to embed or get tweets into your posts.

Using Blackbird Pie

Blackbird Pie is a tool that will take a particular tweet and create html that will represent that tweet in your blog. Along with the necessary links and gravatars etc.

Basically you copy the Tweet URL, go to blackbird Pie paste the tweet into the textbox. Bake it and viola you have your embedded tweet in some HTML.

It works wonderfully but does consist of a few steps. 9 to be exact.

  1. Copy the full URL of a tweet (e.g. http://twitter.com/robertbravery/status/13441789020)
  2. Go to http://media.twitter.com/blackbird-pie/
  3. Click on the input text field
  4. Paste the URL
  5. Click on “Bake it”
  6. Click on the text area where the HTML code is created
  7. Select all text 
  8. Copy
  9. Paste into your blog or website

This is what the html looks like:

And this is what the Embedded Tweet looks like. Keeping in mind that it might not actually work in your environment. So you will have to test first.

Embedded Tweets http://bit.ly/dySxMg, what do you thinkless than a minute ago via HootSuite

Pretty snazzy I think. But possibly too many steps to take.

Using PubliTweet

The guys at Publiteet have created a nice little Toolbar Bookmark called Blackbird Bookmarklet. On their site they explain it all very clearly. But basically, you drag the bookmarklet link onto your toolbar. Then visit the Tweets URL and click the Bookmarklet toolbar item.

What you’re presented with is exactly the same as Blackbird Pie, but it takes fewer steps to get there.

  1. Go to the URL of a tweet (e.g. http://twitter.com/robertbravery/status/13441789020))
  2. Click on the bookmarklet
  3. Copy
  4. Paste

Using Carter Coles Script

Carter Cole has written a nice little script that you can plug into your blog and it will embed the Tweet for you. Now this is actually only one line of code. Much less steps. But you do have to have the script stored somewhere in order to cut and paste.

This is what the script looks like:

Basically you past the above script into your blog post source, then just replace a few parameters. Most important is the ‘tid’. This is the unique ID of your tweet.

Carter has also provided a method to use an iframe instead if you so choose. Read more about it on his blog at Embed Tweets into a blog.

This is what the embedded tweet will look like

Both the above methods give you the ability to interact with the embedded twee as you would normally do on the Twitter home page.

Downside

There is always a downside isn’t there? The major one is that there will be extra work that needs to be done. But you’re not afraid of work are you?

The Blackbird Pie version creates a little more extra HTML for you, but the beauty of this method is that it is raw HTML and not a script requiring a call back to some server or something. So if that server goes down or the tweet is deleted then you still have the original embedded in your post.

Carter’s script is a lot more streamlined, only one line of code. But it requires a call back to a server. This could slow your web page down!

Then there is the embedded URL in the Tweet. If the tweet make use of any URL shortners then these could possible expire after a given period of time. Making the link useless. I suppose you could extract the long link. But then that’s more work.

Then there is always the cut and past method where you cut and past the actual tweet from Twitter. But then you could actually alter that tweet and even not give credit.

Many have been taking screen shots and posting the particular tweet as an image. But then there is no interaction. No live links etc.

I guess the choice is yours. Which one do you prefer?

Remember you can win a weeks worth of free ad space just for commenting. The best comments during the week will get a weeks free advertising space. Check out: Win free advertising for your blog

New here, or perhaps you've been here a few times? Like this post? Why not subscribe to this blog and get the most up to date posts as soon as they are published.

Get involved in our community. Help promote other bloggers. List your blog in our directory for bloggers. Blog Directory for Bloggers



 

Tags:
Categories:
blog comments powered by Disqus
 
Blog Updates Via E-mail
 Blog Updates Via E-mail
Minimize

Do you want to receive blog updates via e-mail. Then just click on the link below. You will be redirected to Google's feed burner, where you can fill out a form. Supplying your e-mail address.

The subscription is managed entirely by Google's Feedburner. We cannot and do not collect your email address.

Subscribe to The Brave Programmer by Email

Print  
 

 

Latest Comments
 Latest Comments
Minimize
Powered by Disqus

Sign up with Disqus to enjoy a  surprise box of features

Print  
 
Blog Roll
 Blog Roll
Minimize
Print  
 
Categories
 Categories
Minimize
Print  
 
<h1>Search Blogs From The Brave Programmer</h1>
 

Search Blogs From The Brave Programmer

Minimize
Print  
 
Archive
 Archive
Minimize
Archive
<May 2017>
SunMonTueWedThuFriSat
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910
Monthly
Go
Print  
 
<h1>News Feeds (RSS)</h1>
 

News Feeds (RSS)

Minimize
Print  
 

Follow robertbravery on Twitter

Blog Engage Blog Forum and Blogging Community, Free Blog Submissions and Blog Traffic, Blog Directory, Article Submissions, Blog Traffic

View Robert Bravery's profile on LinkedIn

Mybyte

 

Robert - Find me on Bloggers.com

Tags
 Tags
Minimize
Print  
 
Contact Us Now
 Contact Us Now
Minimize
 

Email  us now or call us on 082-413-1420,  to host your website.

We design and develop websites. We develop websites that make a difference. We do Dotnetnuke Module development.

Web Masters Around The World
Power By Ringsurf
Print