Display Twitter Feeds on a Website

Displaying your Twitter feeds on your website is fairly simple and easy to implement. This can be done either by using Twitter API or simply creating Widgets from Twitter. We will explore the easiest one for day. In this post I will walk you through the step by step procedure to implement such feature on your site. So let's get started.

Create the Twitter Widget

In order to display the Twitter feeds on your site, your must create a widget from your Twitter account.

Step 1: Login to your Twitter Account.

Step 2: From your "Profile & Settings" menu (top right hand corner of your screen that has your profile picture on it) select "settings". A new window should open.

Step 3: Click on "Widgets" menu item (left hand side menu). Widgets windows should appear on the right hand side of your screen.

Step 4: Click "Create New" button to create a new widget. A new window should appear with "Configuration" and "Preview" section under "User Timeline" tab.

Step 5: Make the necessary changes and click on "Create Widgets" (blue colored) button.

Step 6: Under "Preview" section a small text box with few lines of HTML code should be found. Copy the code and paste it on your Website. That's all.

Now, go back to your website and refresh the page where you added this snippet. You should see your twitter feed within the widget. I also added the video tutorial for better understanding. I hope you will like my video. Thanks.


Commenting is disabled.