{"id":28667,"date":"2013-04-17T08:53:40","date_gmt":"2013-04-17T12:53:40","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=28667"},"modified":"2017-07-25T10:47:45","modified_gmt":"2017-07-25T14:47:45","slug":"joomla-2-5-x3-x-how-to-activate-twitter-widget-based-on-twitter-api-1-1","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-2-5-x3-x-how-to-activate-twitter-widget-based-on-twitter-api-1-1.html","title":{"rendered":"Joomla 2.5.x\/3.x. How to activate Twitter widget (based on Twitter API 1.1)"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial shows how to set up twitter widget based on API 1.1.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=WweGM4fl2zU?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 2.5.x\/3.x. How to activate Twitter widget (based on Twitter API 1.1)<\/a><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-1-300x107.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-1\" width=\"300\" height=\"107\" class=\"alignnone size-medium wp-image-28668\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-1-300x107.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-1-150x53.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-1.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>1. Login to twitter at <a href=\"https:\/\/twitter.com\/\">https:\/\/twitter.com\/<\/a> , go to settings.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-2-300x170.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-2\" width=\"300\" height=\"170\" class=\"alignnone size-medium wp-image-28669\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-2-300x170.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-2-150x85.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-2.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>2. Open <strong>Widgets <\/strong>and click on <strong>Create new<\/strong>.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-3-300x169.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-3\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-28670\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-3-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-3-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-3.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>3. Specify twitter username and set height of widget. Click on <strong>Create Widget<\/strong> button.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-4-300x171.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-4\" width=\"300\" height=\"171\" class=\"alignnone size-medium wp-image-28671\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-4-300x171.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-4-150x85.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-4.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>4. Copy generated code to text file. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-5-300x195.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-5\" width=\"300\" height=\"195\" class=\"alignnone size-medium wp-image-28672\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-5-300x195.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-5-150x97.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-5.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>5. Code should look like example below.<\/p>\r\n<pre class=\"brush:html\">&lt;a class=&quot;twitter-timeline&quot;  href=&quot;https:\/\/twitter.com\/ryandewitt_th&quot;  data-widget-id=&quot;322041606918250497&quot;&gt;Tweets by @ryandewitt_th&lt;\/a&gt;<br \/>\r\n&lt;script&gt;!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+&quot;:\/\/platform.twitter.com\/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);&lt;\/script&gt;<\/pre>\r\n<p class=\"attention\">6. Download mod_twitter_widget.zip module using the following <a href=\"\/help\/files\/Joomla\/mod_twitter_widget.zip\">link<\/a>.<\/p>\r\n<p>7. Go to <strong>Extensions -> Extension manager<\/strong> and install mod_twitter_widget.zip module. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-6-300x201.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-6\" width=\"300\" height=\"201\" class=\"alignnone size-medium wp-image-28673\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-6-300x201.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-6-150x100.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-6.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>8. Create new module.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-7-300x144.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-7\" width=\"300\" height=\"144\" class=\"alignnone size-medium wp-image-28674\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-7-300x144.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-7-150x72.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-7.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>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=&quot;322041606918250497&quot; . Just copy numbers. Check the screenshot below.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-8-300x57.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-8\" width=\"300\" height=\"57\" class=\"alignnone size-medium wp-image-28675\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-8-300x57.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-8-150x28.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-8.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>10. Module should look like on the screenshot below:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-9.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-9-300x102.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-9\" width=\"300\" height=\"102\" class=\"alignnone size-medium wp-image-28676\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-9-300x102.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-9-150x51.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-9.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>11. Save module settings and refresh your site. Twitter module should show up fine in case you have performed all actions properly.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-10.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-10-300x129.png\" alt=\"\" title=\"Joomla.Tutorial_for_twitter_widget-10\" width=\"300\" height=\"129\" class=\"alignnone size-medium wp-image-28677\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-10-300x129.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-10-150x64.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/04\/Joomla.Tutorial_for_twitter_widget-10.png 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=WweGM4fl2zU?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 2.5.x\/3.x. How to activate Twitter widget (based on Twitter API 1.1)<\/a><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to set up twitter widget based on API 1.1.<\/p>\n","protected":false},"author":39,"featured_media":28684,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[1314,1508,483,1387,559],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/28667"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=28667"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/28667\/revisions"}],"predecessor-version":[{"id":82240,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/28667\/revisions\/82240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/28684"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=28667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=28667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=28667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}