Home > Twitter Widgets > How to Create Your Own Twitter Profile Widget

How to Create Your Own Twitter Profile Widget

by Twitteree on June 2, 2011

in Twitter Widgets

Your Twitter ProfileOne of the neat things about Twitter is how easy it to share your most recent tweets on nearly any web page. You can literally share your updates automatically on any page, as long as it isn’t a private account, with their easy copy and paste code. 

Adding a Twitter profile widget to your website will allow you to get even more use out of your Twitter account, by allowing your visitors to see your tweets without having to leave your website. 

To customize and create your profile widget, go to: http://business.twitter.com/about/resources/widgets/widget_profile (this page will open in a new window, so you can refer back to these instructions)

Settings

To start with, make sure you have the correct username in the Settings:

Customize Your Twitter Profile Widget Settings

Preferences

On the left menu, click “Preferences” and you have a few options:

Customize Your Twitter Profile Widget Preference

Let’s talk about these preference options mean…

  • Poll for New Results: Tweets will appear in real time if this is checked. Otherwise, static tweets will appear.
  • Include Scrollbar: This will include a scrollbar in the widget if checked.
  • Behavior: This section allows you to choose between “Timed interval” or “Load all tweets” and decide how many tweets to be shown in the widget. “Timed interval” means that new tweets will be shown up to the maximum at an interval you specify. “Load all tweets” means all the tweets will be loaded to the maximum, without any time interval.
  • Show Avatars: Choose this if you want your avatar to appear beside each tweet.
  • Show Timestamps: Choose this if you want the timestamp to appear for each tweet.
  • Show Hashtags: Choose this if you want any hashtags in your tweets to appear. They will be clickable in the widget.

Appearance

Now you can customize the colors of the widget. You can match your website, come up with your own color scheme or whatever you wish. Simply click the color box and you can select a color using the easy color-selecting tool. Click Done when you’ve chosen the colors you want.

Customize Your Twitter Profile Widget Appearance

You can customize the background and text in the shell, which is the outer-edges of the widget. You can also specify the background and text of your actual tweets. And finally, you can specify the color of hyperlinks in the widget.

Dimensions

The final customization you can make to your widget are its dimensions. You can either a specify a height and width or you can choose auto width which will automatically resize the widget, according to the space provided and the height required to display the tweets.

Customize Your Twitter Profile Widget Dimensions

Test Settings & Grab Code

Once you’ve adjusted all your settings, you can go to the bottom of the page and test the settings or grab the code. We’re going to grab the code for our web page.

Grab Your Twitter Code

Your code is now ready to copy and paste into your web page.

Copy and paste your code

Enter it in your web page, into a WordPress text widget, or use the Blogger add tool if you use Blogger and voila! Your widget will now appear on your web page.

Twitter Profile Widget's Appearance

Leave a Comment

 

Previous post:

Next post: