Display Tweets in Your Posts with Tweet Freezer

There are many reasons why you would need to show off some tweets in your blog posts. You might want to do so while…

• Writing reports of any events that was extensively covered by live tweets.
• Sharing a funny story from twitter where you might have to show some tweets.

Reasons could be plenty, but how will you do it? Binny V A presents the app that you had been waiting for. (You might remember him, he is the one who did 13 WordPress plugins in 13 days)

First let me show you an example. This is a piece of the conversation I had with my friends from Twitter Coffee Club.

Without further ado, here comes the app:

Tweet Freezer

Tweet Freezer asks you two questions in the normal mode.

1. What should it search for to freeze. This is where you enter the search term, like the hash tag of the event you are writing about. In the above example, I used the search term #coffeeclub, we often tag all our chit chat with the same tag.

2. The list of users whose tweets you would like to display. This is an optional field. Enter the list of usernames (comma separated without spaces in between).

Tweet Freezer - Note the More Options Box (click for full view)

The Show More Options link gives you options to edit the default format of the output, or tell the app only to fetch tweets after a particular tweet (then you have to give the tweet id) or after a specified date.

Using Tweet Freezer

Tweet Freezer is easy to use.

1. Enter the search term, and the optional fields depending on your purpose. Click Fetch Tweets. The page will reload with the tweets.
2. View the source code of the page. IE users: Right click -> View Source. Firefox Users: Right Click -> View Page Source. Other Users: Go play.
3. Scroll down until you see a solid line of hash. What you asked for is in between the solid hashes. Refer image. Copy the code in between the hashes.
4. Go to the HTML View on the post editor of your CMS. Paste the code you copied in step 3 to the place where you need it. Yeah, it looks good 😉

Solid Hashes - Copy Code between the Green Lines

Styling the Output Tweets

Each Tweet fetched is included in a class named tweet. You will have to add the following css to your stylesheet, style.css.

.tweet {
border-bottom:1px dashed #999;
clear:both;
}
.tweet img {
float:left;
}
.tweet p {
margin:10px 5px 5px 55px;
}

You might have to modify some values depending on your blog’s layout.

If you have any issues, ping @BinnyVA or leave a comment. Make good use of Tweet Freezer.

Hello, I am Arun Basil Lal. Thank you for reading!

I am a WordPress product developer and creator of Image Attributes Pro. I am passionate about solving problems and travelling the world.