Edit Article

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.

Ad

EditSteps

  1. Add Twitter to your Website or Blog Step 1.jpg
    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.
    Ad
  2. Add Twitter to your Website or Blog Step 2.jpg
    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. Add Twitter to your Website or Blog Step 3.jpg
    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. Add Twitter to your Website or Blog Step 4.jpg
    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. Add Twitter to your Website or Blog Step 5.jpg
    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. Add Twitter to your Website or Blog Step 6.jpg
    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. Add Twitter to your Website or Blog Step 7.jpg
    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. Add Twitter to your Website or Blog Step 8.jpg
    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. Add Twitter to your Website or Blog Step 9.jpg
    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.
    Ad

We could really use your help!

Can you tell us about
computers?
Yes
No
computers
how to dock a laptop
Can you tell us about
insect control?
Yes
No
insect control
how to kill wasps
Can you tell us about
preserving wood furniture?
Yes
No
preserving wood furniture
how to get stains out of wood
Can you tell us about
mind hacks?
Yes
No
mind hacks
how to speed up time
Thanks for helping! Please tell us everything you know about
...
Tell us everything you know here. Remember, more detail is better.
Tips
Provide Details.
Please be as detailed as possible in your explanation. Don't worry about formatting! We'll take care of it. For example:
Don't say: Eat more fats.
Do say: Add fats with some nutritional value to the foods you already eat. Try olive oil, butter, avocado, and mayonnaise.
Submit

EditVideo



EditThings You'll Need

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

EditRelated wikiHows

How to
Email a Tweet from the Twitter Website to Another Person

How to
Integrate Your Blogger Post With Facebook, Twitter, and SMS with Twitterfeed

How to
Write a Famous Blog

How to
Use Twitter

EditSources and Citations

Article Info

Categories: Website and Blog Creation

In other languages:

Español: Cómo agregar Twitter a tu sitio web o blog, Русский: добавить Twitter на свой сайт или блог

Thanks to all authors for creating a page that has been read 29,212 times.

Did this article help you?
Yes No

Become
an Author!

Write an Article