--> Twitter Recent Posts Widget For Blogger Blogs | Experience Lab - Online business creation and development guide for bloggers and startups

Twitter Recent Posts Widget For Blogger Blogs

As I promised in my post on Feedburner Recent Posts Widget I am here to share the trick of adding a Twitter Recent Posts Widget. This widg...

twitter-recent-post-widget- As I promised in my post on Feedburner Recent Posts Widget I am here to share the trick of adding a Twitter Recent Posts Widget. This widget will undoubtly add a pro touch to your blog, see it in action by Clicking Here! Many Newbie bloggers use a JavaScript Recent post widget to there blogs but to keep your blog distinct you must either choose Feedburner or Twitter. Twitter is a nice place to attract a huge traffic if used intelligently. Adding the twitter recent post widget will surely increase the number of your followers and indirectly the traffic to your blog. So now before wasting any more time, lets get to work!

This widget requires two things

  1. Sign up for twitter Feed 
  2. A twitter account ( Which is Obvious :D )

 

1.  Sign up for twitter Feed

For your latest posts to be shown in twitter widget you must submit your RSS feeds to a free web service called twitterfeed  They will post your latest blog posts along with the title and description in your twitter account for free! You just sit back and relax.

This is what you need to do,

1. Visit twitterfeed 

twitterfeed

2. Create an OPen ID to sign up for a twitterfeed account

OpenId is an Id just like your blogger Id that lets you log into thousand’s of web services without the need of signing up for an account. In short its a free ticket that lets you take a complete ride of thousands of remarkable websites that accept OpenId and luckily blogger and twitterfeed  is one of them.

3. Once you have created your OpenId, log into twitterfeed Then click on the button that says Create new Feed

twitterfeed1

A form is what you will see next,

twitter-feed-form

First and foremost click at the link saying Authenticate At Twitter This will tell twitter.com whether twitterfeed  is allowed to access your twitter account or not. After authenticating, fill up the form by following the steps below,

  • In RSS Feed URL type this,

http://tnt-by-stc.blogspot.com/feeds/posts/default

Remember to replace the URL in red with your blog URL

You can also add your Feedburner Feed URL , which will look like this,

http://feeds2.feedburner.com/tntbystc

Again make sure to replace the text in red with your feed title

  • Set the Update Frequency to Every hour and Post up to to 1
  • Write your Blog title in the box next to Prefix each tweet with and check the box just below it
  • For Shorten Link through choose TinyURL
  • Finally check the box at bottom to activate your tweets
  • Hit Create and you are Done!

After your tweet feeds are activated you will see a page as shown below,

twitterfeed1

It will take 30 minutes or less for your feed status to be activated. During this time read further on how to get a Twitter widget for displaying your latest posts in it.

2. Visit twitter.com/widgets

twitter-for-blogger

You will have four options where you can add your twitter widget but since I share blogger Tips and tricks (TNT) I will go for blogger :)

Click Continue to set your twitter widget. You will come across a configuration page as shown below,select-settings-and-copy-tw

You have the choice of showing up to 20 posts on your widget but I would suggest just 5 for better page load time. I would also suggest not to give a title to this widget, we will give it a title later on.

You have two choices to add your cool looking twitter widget to your blog either by clicking the Add to blogger button or grab the code link. I love to add codes to my template myself so I will go for grab the code

Copy the code they provide you,

copy-the-code  Note:- Don’t worry about that Hot tip! I am here to take all that headache  :D

Log into your blogger account and go to Layout > Page Elements

Layout

Click on Add a gadget,

add-a-gadget

Choose HTML/JavaScript

html-javascript

 

Paste the code in this widget and give it a title like “Recent Posts” or “Latest Stories

And your are Done! with a beautiful and unique Recent posts widget like the one at this blog

Feel free to ask tough questions Come forward baby

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Twitter Recent Posts Widget For Blogger Blogs
Twitter Recent Posts Widget For Blogger Blogs
https://lh5.ggpht.com/_7wsQzULWIwo/ShMiiIHxiwI/AAAAAAAABR0/_SnLyCZJv80/twitter-recent-post-widget-%5B6%5D.jpg?imgmax=800
https://lh5.ggpht.com/_7wsQzULWIwo/ShMiiIHxiwI/AAAAAAAABR0/_SnLyCZJv80/s72-c/twitter-recent-post-widget-%5B6%5D.jpg?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2009/05/twitter-recent-posts-widget-for-blogger.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2009/05/twitter-recent-posts-widget-for-blogger.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy