How to Create a Twitter Badge for Your Site

Creating a cool, Twitter badge to promote your tweets! Here's the CSS code I referred to in the vid..
___________________________________



#twitter_div { width: 290px; margin-top: 30px; padding-top: 35px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 3px;
background-image: url('http://www.yourdomain.com/images/twitterBG.png');
background-repeat: no-repeat;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #d22929;
font-family: Verdana, Arial, Helvetica;

}

#twitter_div ul li {
color: #000;
list-style: none;
font-size: 11px;
text-align: left;
padding-top: 8px;
padding-bottom: 4px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #CDCBCB;
}

#twitter_div ul li a {
text-decoration: underline;
color: #d22929;
}

#twitter_div ul li a:hover {
text-decoration: none;
color: #000;
}

Category:

Howto & Style

Tags:

• twitter
• badge
• graphics
• photoshop

[MeymiGrou]

Sorry but I don't understand anything from this video..

I make my photo from the adobe photoshop now how I put the image in my twitter badge ?

[okusa80]

Extremely helpful tutorial! CSS code helps a lot!!!

[tiaking100]

Thanks, this is so cool. Subscribing now!

[Mission0ps]

Just found you yesterday Lisa and yep I like ya :)

I do hope to be able to add a little extra for your readers one day. And Just answeering the Q by SilverTissues yep you can create a badge for FB too

[SilverTissues]

@2createawebsite Again nice tutorial. Question: On the internet u can download standard Facebook widgets to implement into sites, Is it also possible to make a custom one?

[right2befrea]

This tutorial was absolutely amazing and really helped me design a great widget. Thank you very, very much!!!

[nsonken1]

Another nugget

[TheIvanners]

Excelente! I think that is a very short but important and easy to understand tutorial. thumbs up for this excelent tutorial!.

[itsmecuteiiC]

how came mine got dissaper from my page?

[VideoSiim]

Nice video! 5 stars :)