{"id":3367,"date":"2011-06-01T12:08:14","date_gmt":"2011-06-01T20:08:14","guid":{"rendered":"http:\/\/theedublogger.com\/?p=3367"},"modified":"2011-06-01T22:56:52","modified_gmt":"2011-06-02T06:56:52","slug":"adding-the-new-twitter-follow-button-and-other-twitter-widgets-to-your-blog","status":"publish","type":"post","link":"https:\/\/www.theedublogger.com\/adding-the-new-twitter-follow-button-and-other-twitter-widgets-to-your-blog\/","title":{"rendered":"Adding the NEW twitter follow button and other twitter widgets to your blog"},"content":{"rendered":"<p>Just yesterday Twitter launched a new &#8220;<strong>Follow<\/strong>&#8221; button that will make life easier for all of us twitteraholics.<\/p>\n<p><center><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/theedublogger.com\/files\/2011\/06\/follow-2iqjhaj.png\" alt=\"follow\" title=\"follow\" width=\"240\" height=\"106\" class=\"aligncenter size-full wp-image-3382\" \/><\/center><\/p>\n<p>Before now, you had to put a link to your twitter page and then potential fellow tweeters had to click &#8220;follow&#8221; there. Now, they can do it all from your site with one single click.<\/p>\n<p>He&#8217;re an example for my account. Go head &#8211; <strong>click follow<\/strong> &#8211; I won&#8217;t mind!<\/p>\n<p><center><a class=\"twitter-follow-button\" href=\"http:\/\/twitter.com\/ronnieburt\">Follow @ronnieburt<\/a><br \/>\n<script src=\"http:\/\/platform.twitter.com\/widgets.js\" type=\"text\/javascript\"><\/script><\/center><\/p>\n<h3>So how do you add one to your blog?<\/h3>\n<p>Twitter makes it easy to <a href=\"http:\/\/twitter.com\/about\/resources\/followbutton\" target=\"_blank\">grab embed code for your own personal follow button here<\/a>.<\/p>\n<p>We&#8217;ll walk you through the steps, but if you want to know more about <strong>embedding<\/strong>, you should check out the <a href=\"http:\/\/teacherchallenge.edublogs.org\/2011\/01\/27\/kick-start-activity-6-%E2%80%93-beginner-%E2%80%93-enhancing-posts-by-embedding-media\/\" target=\"_blank\">in-depth post here from our Teacher Challenge blog<\/a>.<\/p>\n<p>1. Visit the <a href=\"http:\/\/twitter.com\/about\/resources\/followbutton\" target=\"_blank\">Twitter Resource page<\/a> for the Follow button<\/p>\n<p>2. Choose from the available options and then <strong>copy <\/strong>the code that appears on the right side<br \/>\n<a href=\"http:\/\/twitter.com\/about\/resources\/followbutton\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3370\" title=\"twitter\" src=\"http:\/\/theedublogger.com\/files\/2011\/06\/twitter-rvbmte.png\" alt=\"twitter\" width=\"545\" height=\"332\" srcset=\"https:\/\/www.theedublogger.com\/files\/2011\/06\/twitter-rvbmte.png 908w, https:\/\/www.theedublogger.com\/files\/2011\/06\/twitter-rvbmte-249x152.png 249w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/><\/a><\/p>\n<p>3. <strong>Paste<\/strong> the code into the <strong>HTML tab<\/strong> of a page or post. A popular place might be to put it on your Contact or About page.<\/p>\n<h3>How To Embed In a Sidebar<\/h3>\n<p>You can see that we&#8217;ve embedded the follow button into the sidebar of this blog on the left side under our photos.<\/p>\n<p><strong>Here&#8217;s how to this:<\/strong><\/p>\n<p>1. Complete steps 1 and 2 from above (<a href=\"http:\/\/twitter.com\/about\/resources\/followbutton\" target=\"_blank\">which is to go here<\/a>)<\/p>\n<p>2.\u00a0 Go to <strong>Appearance<\/strong> &gt; <strong>Widgets<\/strong> in your blog dashboard<\/p>\n<p><a href=\"http:\/\/theedublogger.com\/files\/2008\/02\/voki45.jpg\"><img loading=\"lazy\" decoding=\"async\" title=\"Appearance &gt; Widgets menu item\" src=\"http:\/\/theedublogger.com\/files\/2008\/02\/voki45.jpg\" alt=\"Appearance &gt; Widgets menu item\" width=\"446\" height=\"135\" \/><\/a><\/p>\n<p>3.\u00a0 Click on the desired Sidebar to expand (so you can add the widgets)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Expanding your blog sidebar\" src=\"http:\/\/theedublogger.com\/files\/2010\/01\/widgetsopen41.jpg\" alt=\"\" width=\"450\" height=\"172\" \/><\/p>\n<p>4.\u00a0 Add a text widget to the desired sidebar by dragging it from the <strong>Available Widgets<\/strong> into the Sidebar area on the right.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Adding a text widget to your sidebar\" src=\"http:\/\/theedublogger.com\/files\/2010\/01\/flagcounter45.jpg\" alt=\"\" width=\"450\" height=\"170\" \/><\/p>\n<p>5.\u00a0 The widget will automatically open \u2014 just add the HTML code for your follow button or widget, click <strong>Save<\/strong> and then <strong>Close<\/strong>.<\/p>\n<p><a href=\"http:\/\/theedublogger.com\/files\/2008\/02\/voki44.jpg\"><img loading=\"lazy\" decoding=\"async\" title=\"Adding HTML embed code to voki\" src=\"http:\/\/theedublogger.com\/files\/2008\/02\/voki44.jpg\" alt=\"Adding HTML embed code to voki\" width=\"450\" height=\"326\" \/><\/a><\/p>\n<p>6.\u00a0 That&#8217;s it!<\/p>\n<h3>What other twitter widgets can you add?<\/h3>\n<p>Using the exact same steps as embedding the follow button, you can also add several other twitter widgets too!<\/p>\n<p><a href=\"http:\/\/twitter.com\/about\/resources\/widgets\" target=\"_blank\">All of the different widgets and options can be found here.<\/a><\/p>\n<p>Here are a few on display for you too see:<\/p>\n<p><strong>The Profile Widget<\/strong><br \/>\n<script src=\"http:\/\/widgets.twimg.com\/j\/2\/widget.js\"><\/script><br \/>\n<script>\nnew TWTR.Widget({\n  version: 2,\n  type: 'profile',\n  rpp: 4,\n  interval: 6000,\n  width: 250,\n  height: 300,\n  theme: {\n    shell: {\n      background: '#333333',\n      color: '#ffffff'\n    },\n    tweets: {\n      background: '#000000',\n      color: '#ffffff',\n      links: '#07ebe7'\n    }\n  },\n  features: {\n    scrollbar: false,\n    loop: false,\n    live: true,\n    hashtags: true,\n    timestamp: true,\n    avatars: false,\n    behavior: 'all'\n  }\n}).render().setUser('edublogs').start();\n<\/script><br \/>\n<\/br><br \/>\n<strong>The Search Widget<\/strong><br \/>\n<script src=\"http:\/\/widgets.twimg.com\/j\/2\/widget.js\"><\/script><br \/>\n<script>\nnew TWTR.Widget({\n  version: 2,\n  type: 'search',\n  search: '#ebshare',\n  interval: 6000,\n  title: 'The #ebshare Hashtag',\n  subject: 'Education Tweets',\n  width: 250,\n  height: 300,\n  theme: {\n    shell: {\n      background: '#8ec1da',\n      color: '#ffffff'\n    },\n    tweets: {\n      background: '#ffffff',\n      color: '#444444',\n      links: '#1985b5'\n    }\n  },\n  features: {\n    scrollbar: false,\n    loop: true,\n    live: true,\n    hashtags: true,\n    timestamp: true,\n    avatars: true,\n    toptweets: true,\n    behavior: 'default'\n  }\n}).render().start();\n<\/script><br \/>\n<\/br><br \/>\n<strong>Edubloggers List Widget<\/strong><br \/>\n<script src=\"http:\/\/widgets.twimg.com\/j\/2\/widget.js\"><\/script><br \/>\n<script>\nnew TWTR.Widget({\n  version: 2,\n  type: 'list',\n  rpp: 30,\n  interval: 6000,\n  title: 'Educators to follow',\n  subject: 'Edubloggers',\n  width: 250,\n  height: 300,\n  theme: {\n    shell: {\n      background: '#2b4078',\n      color: '#ffffff'\n    },\n    tweets: {\n      background: '#ffffff',\n      color: '#444444',\n      links: '#0b03ff'\n    }\n  },\n  features: {\n    scrollbar: true,\n    loop: false,\n    live: true,\n    hashtags: true,\n    timestamp: true,\n    avatars: true,\n    behavior: 'all'\n  }\n}).render().setList('edublogs', 'edubloggers').start();\n<\/script><br \/>\n<\/br><\/p>\n<h3><strong>Other Twitter Resources<\/strong><\/h3>\n<ul>\n<li><a href=\"http:\/\/theedublogger.com\/2010\/07\/08\/a-twitteraholics-guide-to-tweets-hashtags-and-all-things-twitter\/\" target=\"_blank\">A twitteraholics guide to tweets, hashtags and all things twitter<\/a><\/li>\n<li><a href=\"http:\/\/theedublogger.com\/2010\/07\/19\/to-hashtag-or-not-to-hashtag\/\" target=\"_blank\">To hashtag or not to hashtag<\/a><\/li>\n<li><a href=\"http:\/\/twitter.com\/edublogs\" target=\"_blank\">Edublogs on Twitter<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Just yesterday Twitter launched a new &#8220;Follow&#8221; button that will make life easier for all of us twitteraholics. Before now, you had to put a link to your twitter page and then potential fellow tweeters had to click &#8220;follow&#8221; there. Now, they can do it all from your site with one single click. He&#8217;re an&#8230;<\/p>\n","protected":false},"author":608476,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[236850,236836,236334,236842],"tags":[30624,203107],"coauthors":[],"class_list":["post-3367","post","type-post","status-publish","format-standard","hentry","category-growing-blog-readership","category-setting-up-using-widgets","category-tips-for-better-blogging","category-working-with-web-20-tools","tag-twitter","tag-twitter-widget"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/posts\/3367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/users\/608476"}],"replies":[{"embeddable":true,"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/comments?post=3367"}],"version-history":[{"count":18,"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/posts\/3367\/revisions"}],"predecessor-version":[{"id":3387,"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/posts\/3367\/revisions\/3387"}],"wp:attachment":[{"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/media?parent=3367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/categories?post=3367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/tags?post=3367"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.theedublogger.com\/wp-json\/wp\/v2\/coauthors?post=3367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}