Question: How to show twitter timelines on website with latest version 1.1
Answer:
you can use following steps for this:
Step 1: Login with your twitter login/password @ https://dev.twitter.com/<br />
Step 2: Click on “Embedded Timelines”.<br />
Step 3: Click on ” Create your own embedded timeline” Link.<br />
Step 4: Click on “Widgets” in left menu.<br />
Step 5: Click on “Create New”.<br />
Step 6: Select/Insert your required options and click “Create Widget”.<br />
Step 7: It will show a preview and embedded code on the right side.<br />
Step 8: Copy paste the code to your website and it will start working.
<br />
<a class="twitter-timeline"
href="https://twitter.com/atifaquarious"
data-chrome="noheader nofooter noborders transparent"
data-widget-id="354916137634508801">Tweets by @atifaquarious</a></p>
<p><script type="text/javascript">// <![CDATA[
!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><br />
you can use following steps for this:
You can also change the look by following attributes:
- 1: class=”twitter-timeline” //Required
- 2: width=”300″
- 3: height=”60″
- 4: data-tweet-limit=”5″ //Optional, you cn skip this to show all tweets
- 5: data-chrome=”noheader nofooter noborders noscrollbar transparent” //Optional, you can use each one according to your display requirements.
- 6: href=”https://twitter.com/atifaquarious” //Required
- 7: data-widget-id=”355273358344073216″ //Required
Example:
Demo: