• How to show twitter timelines on website with latest version 1.1



    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/ Step 2: Click on "Embedded Timelines". Step 3: Click on " Create your own embedded timeline" Link. Step 4: Click on "Widgets" in left menu. Step 5: Click on "Create New". Step 6: Select/Insert your required options and click "Create Widget". Step 7: It will show a preview and embedded code on the right side. Step 8: Copy paste the code to your website and it will start working.

    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:

    <a class="twitter-timeline" href="https://twitter.com/atifaquarious" data-chrome="noheader nofooter noborders transparent" data-widget-id="354916137634508801">Tweets by @atifaquarious</a> <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>

    Demo:


  • One thought on “How to show twitter timelines on website with latest version 1.1

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>