How to Add Twitter to your Website or Blog

Twitter is a useful tool for both businesses and professionals. Unlike traditional blogging, Twitter only allows posts, called "tweets," of up to 140 characters or less. Many of Twitter's 300 million users tweet with smartphones as well as on the computer. If you would like to use Twitter as a way to update your blog readers or website fan base, then a badge can be added. Although many websites have a built in Twitter option, Twitter.com has also created a Twitter badge that can be posted in your website's HTML web coding. This article will tell you how to add Twitter to your website or blog.

Steps

  1. Image titled Add Twitter to your Website or Blog Step 1
    1
    Ask a web developer or IT person to help you with this process, if you do not know how your website works. For most situations, you will need to have some knowledge of HTML code to properly place a Twitter box on your site or blog.
  2. Image titled Add Twitter to your Website or Blog Step 2
    2
    Log into your website or blog admin page. Before automatically using Twitter's own badge, you should check to see if your website template already includes a Twitter option. Many websites, such as WordPress, have a Twitter widget included in the administrative dashboard options.
    • If you are using WordPress for a website or blog, you should go to your dashboard and click on the "Appearance" tab. Click on the "widgets" option. Drag the Twitter widget box into the area of the website that you would like it to appear. These website area boxes are usually located in the upper right section of the widget page. Enter your Twitter website URL, choose a title and choose how many tweets you would like to appear on your website.
  3. Image titled Add Twitter to your Website or Blog Step 3
    3
    Open a new browser tab, go to Twitter.com, and log into your Twitter profile. If your website did not have an option to add Twitter automatically, then you can still do it with one of Twitter's badge options.
  4. Image titled Add Twitter to your Website or Blog Step 4
    4
    Find the "Twitter" box on the left or right hand side of your screen. Click on "Resources." This should take you to a page called "Buttons, widgets, logos, and more".
  5. Image titled Add Twitter to your Website or Blog Step 5
    5
    Click on the "widgets" option. Click on "My Website." Read the brief descriptions of the types of Twitter boxes you can put on your website, and then click the "Profile", "Search", "Faves", or "List" option.
    • Most people would choose to use the Profile widget. This would only post your tweets, rather than the tweets of your followers. It gives you the most control over what your website viewers will see.
  6. Image titled Add Twitter to your Website or Blog Step 6
    6
    Click on all the option tabs on the "Customize your Profile Widget" page. You can choose your username, the number of tweets that show up, the color of your Twitter box, the dimensions and more. Each choice that you make will be added to the HTML code for your website Twitter box.
    • You can see an example of what your Twitter box will look like on the right hand side of the screen. Change the colors and size according to what will best match your website's appearance.
  7. Image titled Add Twitter to your Website or Blog Step 7
    7
    Click "Test" or "Finish and Grab Code". Once the code is generated, copy the entire box. Make sure to get every symbol, or your Twitter box may not work.
  8. Image titled Add Twitter to your Website or Blog Step 8
    8
    Return to your blog or website's admin page. Choose the area of your website where you would like the Twitter box to appear. Paste the HTML code in the correct place on your website.
    • If your website is very user-friendly, it may have an "easy editor" on the admin page. Find the "HTML Code" tab or section. Paste the Twitter HTML code in this section.
  9. Image titled Add Twitter to your Website or Blog Step 9
    9
    Save your changes on your website. If you want to make changes to your Twitter badge in the future, you will need to return to your Twitter page and go through the same process, in order to create new HTML code.

Things You'll Need

  • Web programmer/IT help
  • Web browser
  • Twitter account
  • Website/blog administrative account

Article Info

Categories: Website and Blog Creation