{"id":299,"date":"2015-07-21T11:08:29","date_gmt":"2015-07-21T18:08:29","guid":{"rendered":"https:\/\/blogs.ubc.ca\/testingportfolio\/?p=299"},"modified":"2019-01-11T10:26:59","modified_gmt":"2019-01-11T17:26:59","slug":"embedding-a-twitter-feed","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/blogsandbox\/2015\/07\/21\/embedding-a-twitter-feed\/","title":{"rendered":"Embedding a Twitter Feed"},"content":{"rendered":"<p>You can embed a twitter feed &#8211; your own or a hashtag you like to follow &#8211; into your blog by creating a widget in twitter, copying and pasting the embed code here, into the &#8216;text&#8217; field of your blog. You can also paste the embed code into the &#8216;text widget&#8217; as I&#8217;ve done on the left of this blog (go to the dashboard, select widgets, find the text widget and drag it to your sidebar).<\/p>\n<p>Below: Here&#8217;s how the feed looks in your blog (you&#8217;ll notice it&#8217;s scrollable and allows viewers to tweet to you!)<br \/>\n<a class=\"twitter-timeline\" href=\"https:\/\/twitter.com\/yvonnedtechtalk\">Tweets by @yvonnedtechtalk<\/a><br \/>\n\/\/<\/p>\n<p>This <a href=\"https:\/\/blog.twitter.com\/2012\/embedded-timelines-howto\">Twitter blog<\/a> has excellent instructions on how to do this. The screen shots below show the basic steps.<br \/>\nStep 1: Login to Twitter<br \/>\nStep 2: Go to your Profile and Settings drop down menu (center icon) and select &#8216;settings&#8217;<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2015\/07\/profile-and-settings.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-304\" src=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2015\/07\/profile-and-settings-300x34.jpg\" alt=\"profile and settings\" width=\"300\" height=\"34\" \/><\/a><br \/>\nStep 3: Select &#8216;Widgets&#8217; (near the bottom of the list)<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/settings.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-305\" src=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/settings-196x300.jpg\" alt=\"settings\" width=\"196\" height=\"300\" srcset=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/settings-196x300.jpg 196w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/settings.jpg 491w\" sizes=\"auto, (max-width: 196px) 100vw, 196px\" \/><\/a><br \/>\nStep 4: Create New Widget (you can also edit previously created widgets)<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2015\/07\/step-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-306\" src=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2015\/07\/step-2-300x71.jpg\" alt=\"step 2\" width=\"300\" height=\"71\" \/><\/a><br \/>\nStep 5: Click the blue &#8216;create widget&#8217; button<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-307\" src=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-3-300x208.jpg\" alt=\"step 3\" width=\"300\" height=\"208\" srcset=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-3-300x208.jpg 300w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-3-768x534.jpg 768w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-3-1024x711.jpg 1024w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-3-624x433.jpg 624w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-3.jpg 1202w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nStep 6: copy the embed code (at the bottom of the feed) and click &#8216;Save changes&#8217;<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2015\/07\/step-4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-308\" src=\"https:\/\/blogs.ubc.ca\/testingportfolio\/files\/2015\/07\/step-4-300x63.jpg\" alt=\"step 4\" width=\"300\" height=\"63\" \/><\/a><br \/>\nStep 7: paste the embed code into the &#8216;text&#8217; editor of your blog page or post<br \/>\n<a href=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-300\" src=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-5-300x157.jpg\" alt=\"step 5\" width=\"300\" height=\"157\" srcset=\"https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-5-300x157.jpg 300w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-5-768x401.jpg 768w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-5-624x326.jpg 624w, https:\/\/blogs.ubc.ca\/blogsandbox\/files\/2015\/07\/step-5.jpg 884w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>And that&#8217;s it!<\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c  no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">Save<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can embed a twitter feed &#8211; your own or a hashtag you like to follow &#8211; into your blog by creating a widget in twitter, copying and pasting the embed code here, into the &#8216;text&#8217; field of your blog. You can also paste the embed code into the &#8216;text widget&#8217; as I&#8217;ve done on [&hellip;]<\/p>\n","protected":false},"author":21051,"featured_media":407,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71531,8,2807,2056],"tags":[71531,4666,2056],"class_list":["post-299","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-embed","category-faq","category-social-media","category-twitter","tag-embed","tag-feed","tag-twitter"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/posts\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/users\/21051"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":2,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/posts\/299\/revisions"}],"predecessor-version":[{"id":421,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/posts\/299\/revisions\/421"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/media\/407"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/media?parent=299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/categories?post=299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/blogsandbox\/wp-json\/wp\/v2\/tags?post=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}