How to Get a Twitter Feed Onto a Website

How to Get a Twitter Feed Onto a Website thumbnail
Update your website from anywhere by embedding a Twitter feed widget.

A Twitter feed is a box or "widget" you can insert into your regular website template. Twitter lets you easily create the widget on its website. You can customize everything about the widget: content, size and colors. Beginners do not have to change a thing, but advanced users can tweak the settings to their heart's content. Getting the Twitter feed widget onto your website is a simple matter of copying and pasting a snippet of automatically generated code.

Things You'll Need

  • Website
  • Twitter account
Show More

Instructions

    • 1

      Go to the Twitter homepage and sign in with your username and password.

    • 2

      Go to the Twitter Widgets page at twitter.com/about/resources/widgets and click "My Website."

    • 3

      Click "Profile Widget."

    • 4

      Enter a username in the box provided. It can be your own username or that of someone else.

    • 5

      Click "Preferences" in the menu at left and select your preferences by clicking inside the boxes provided. This step is optional. You can choose whether the widget automatically refreshes, whether to add a scrollbar, whether tweets are displayed one by one or all at once, how many tweets to display and whether to show avatars, timestamps and hashtags.

    • 6

      Click "Appearance" in the menu at left and change the colors of the background, text and links. This step is also optional. Click inside any one of the colored boxes, then click a shade and hue to set the color for that element.

    • 7

      Click "Dimensions" to customize the size of your Twitter widget. The default dimensions are 250 wide by 300 pixels tall. Edit those numbers to change those dimensions. Alternatively, you can select the box labeled "auto width." That makes your Twitter widget fit snugly into your website.

    • 8

      Click the "Test Settings" button at the bottom of the page to display a preview of how your Twitter widget will look.

    • 9

      Click the "Finish & Grab Code" button at the bottom of the page. Click inside the box containing the code. Hold down "Ctrl" on your keyboard and press "C" to copy the code to your clipboard.

    • 10

      Paste the code inside your website template where you want the Twitter widget to appear by holding down "Ctrl" on your keyboard and pressing "V."

Related Searches:

Resources

  • Photo Credit Jupiterimages/Photos.com/Getty Images

Comments

You May Also Like

Related Ads

Featured