Twitter Timeline on your blog…..Technical Tuesday Tip

As I continue with my 30 Days Blogging Challenge (even though I know I am lapsing on my days most of the time), I thought why not create some theme days for this blog. This way, I always have something to write about and also I can share some of the learned skills with fellow bloggers!

Here it is, Every Tuesday you can watch out for “Technical Tip” 🙂

Are you on Twitter yet?  If not, then may be its time you get a handle on twitter (literally)!


Apparently, your twitter name is referred as “Twitter handle” …Cool lingo, eh?  Click on the link here. This link gives you really detailed overview of Twitter, and what  you can do with your Twitter account.

Simple enough, right?

Even more simple steps to plug in your Twitter feeds on your blog


  •  Then Click on Widget
  •  Go to Settings on your Twitter account
  • Select User timeline, and click on Create widget
  • Customize it as per your preference, and then copy “HTML”

It will look something like below

<a class=”twitter-timeline” href=”; data-widget-id=”579208581674901505″>Tweets by @Shifoundation</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);;js.src=p+”://”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>

  • Then Save changes
  • Click on Widget, you should be able to see a new entry on your widget list


Now let’s get our Twitter timeline onto our blog (WordPress only)

  • Go to site administrative page, and click on Customize
  • Select Widgets, select an area where you would like to add Widget
  • From the Widget list select “Twitter Timeline”
  • Give a Title to Widget
  • In the Widget ID box, enter a number from HTML link (Copied from Twitter)

<a class=”twitter-timeline” href=”; data-widget-id=”579208581674901505“>Tweets by @Shifoundation</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)) {js=d.createElement(s);;js.src=p+”://”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>

  • Save & Publish

Taadaa….Job done!! It’s that simple!!

Let us know if you found this to be helpful by following us on @Shifoundationimages

We will follow you back 🙂

Good luck 🙂


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s