Featured templates

JS Animated. How to activate a twitter widget (API 1.1)

Norman Fisher May 20, 2013
Rating: 5.0. From 1 vote.
Please wait...

This tutorial is going to show you how to activate a twitter widget (API 1.1) in JS animated templates. If your template comes with a twitter widget HTML code like: JS Animated. How to activate a twitter widget (API 1.1)

 <div id="twitter" class="twitter"> </div>

In order to activate it,

  1. Go to
  2. Log in, if needed, into your twitter account.
  3. Click “Create New”.
  4. On the next page under Configuration you can change the default settings, when needed (like height, theme, link color etc). The results of your manipulations can be seen on the right.  Or you may skip the step if you wish to make changes to the widget later.
  5. Click “Create Widget”. This will create a new field with some code highlighted.
  6. Copy the code.
  7. Open the .html file in Dreamweaver and paste the code where you would like to see your twitter widget.
  8. Save the changes and open the file in a web browser. The twitter widget should appear where you added the code.
  9. Using Firebug for Firefox you may change the default height/width etc of your widget to match the layout of your site.

Feel free to check the detailed video tutorial below:

JS Animated. How to activate a twitter widget (API 1.1)
This entry was posted in JS Animated tutorials, Working with HTML and tagged activate, add, animated, js, 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