Categories

Featured templates

Joomla 2.5.x/3.x. How to activate Twitter widget (based on Twitter API 1.1)

Ryan DeWitt April 17, 2013
Rating: 5.0/5. From 4 votes.
Please wait...

This tutorial shows how to set up twitter widget based on API 1.1.

Joomla 2.5.x/3.x. How to activate Twitter widget (based on Twitter API 1.1)

1. Login to twitter at https://twitter.com/ , go to settings.

2. Open Widgets and click on Create new.

3. Specify twitter username and set height of widget. Click on Create Widget button.

4. Copy generated code to text file.

5. Code should look like example below.

<a class="twitter-timeline"  href="https://twitter.com/ryandewitt_th"  data-widget-id="322041606918250497">Tweets by @ryandewitt_th</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.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

6. Download mod_twitter_widget.zip module using the following link.

7. Go to Extensions -> Extension manager and install mod_twitter_widget.zip module.

8. Create new module.

9. Set module to the same position as original module. In module settings you need to set Widget ID. Open code you have copied and find widget ID code. It should look like data-widget-id="322041606918250497" . Just copy numbers. Check the screenshot below.

10. Module should look like on the screenshot below:

11. Save module settings and refresh your site. Twitter module should show up fine in case you have performed all actions properly.

Feel free to check the detailed video tutorial below:

Joomla 2.5.x/3.x. How to activate Twitter widget (based on Twitter API 1.1)

Modern Joomla Templates
This entry was posted in Joomla! Tutorials and tagged activate, API 1.1, joomla, twitter, widget. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket