How to Embed a Twitter Feed on a Page

Web designers have to include a variety of Web elements into any page they design. These elements can vary from simple HTML elements to more complicated items such as Javascript or Adobe Flash. The proliferation of social networking has led to the incorporation of their features into Web pages for both individuals and companies. Twitter, for example, provides a great way to reach a large audience through computers or mobile devices. Fortunately, you can embed a Twitter feed into your Web page so viewers of your site can also keep up with your Twitter postings.

Instructions

    • 1

      Open your Web-editing program, and then open the Web page in which you wish to embed the Twitter feed. If you are using a program that allows you to toggle between a "Design" and "Code" view, select the "Code" option.

    • 2

      Open a browser window and go to twitter.com.

    • 3

      Click "Sign In" at the top right corner of the screen and enter the user name and password for the Twitter account whose feed you want to embed in your site. Click "Sign In" to proceed to your Twitter account.

    • 4

      Click "Resources" at the bottom of the right column.

    • 5

      Click "See all widgets" under the "Widgets" section.

    • 6

      Click "My Website" under the "Widgets for" column on the left side of the window.

    • 7

      Click "Profile Widget."

    • 8

      Click "Finish and Grab Code" at the bottom of the page.

    • 9

      Right-click inside the window displaying the code for your Twitter feed, and then click "Select All" to highlight all the code.

    • 10

      Press "Ctrl" + "C" to copy the code.

    • 11

      Return to your Web-editing program and navigate to the location on your page at which you want the Twitter feed to be displayed.

    • 12

      Press "Ctrl" + "V" to paste the code. Be sure to save your changes before adding the edited page to your website.

Tips & Warnings

  • You can use the "Preferences," "Appearance" and "Dimensions" options on Twitter's "Profile Widget" page to customize the appearance of your embedded Twitter feed, such as the number of tweets shown or the colors of the embedded feed.

Related Searches:

References

Resources

Comments

You May Also Like

Related Ads

Featured