How to customize and add a Twitter feed box to your website

One thing that I've noticed a lot of websites and blogs offering is a business or personal Twitter feed. If you're new to Twitter - like I was - you might wonder how you could put a Twitter feed box on your website and customize it to your liking. As long as the customization isn't extensive, it's rather easy to do. In this tutorial, we're going to look at where to go to generate the code for a custom Twitter feed box.

The first thing you need to do is go to Twitter and sign in. Once you have, click on the drop down box next to your Twitter user name, along the top bar. When the list of options appears, choose Settings.



We don't need to change any of the settings here; we just needed to see the site map options at the bottom of the page. So scroll down to the bottom of the page where the site map is, then click on About Us.



Once the page loads, choose Resources from the side bar. This brings up a list of resources that you can include in your website, such as a Tweet button or a follow button. Choose Widgets to find the feed box.



After you click on Widgets, click on My Website in the side bar. Choose Profile Widget from the list.



When you land on the Settings tab, you can leave your user name or choose a different account by typing the user name into the box. Then, switch to the Preferences tab and choose how you want your Twitter feed to behave (i.e., whether or not there should be a scrolling bar, whether or not it should start by showing one tweet and updating it every few seconds, how many tweets it should show, etc). Then, click on Appearance and customize the text and box colors. You should try to use colors that you have on your website - or neutral colors mixed with one color from your website. Try to make it so that text is either white or black against a dark or light background; just make sure there is a good amount of contrast so it can easily be read. You can also customize the feed box size by going to the Dimensions tab and inputting the values you want.



Once you're done with that and have tested it to make sure you like it, click on Finish & Grab code to copy and paste the code. Then you can go into the HTML of your website through an HTML editor or CMS and paste it where you want the feed box to be.

And it's that easy! If you want to further customize your Twitter feed box, you can always contact a web or application developer, such as Codank Web Design, to help you with the design you have in mind.

About CODANK Web Design

CODANK is a top rated Web Design and Internet Marketing firm located in Charlotte, NC. We are dedicated to providing the highest quality, cost effective custom software development services, delivering a broad range of business consulting and outsourcing services.

For more information, visit us at www.codank.com