Simple CSS social service badges

Here are some service badge examples that don’t need images. Perfect for tumblr.

twitter <a href="yoursite" class="badge" style="font: 9px Geneva, Verdana, sans-serif; padding: 1px 2px 1px 2px; border: 1px solid #00CCFF; background: #fff; color: #00CCFF; text-decoration: none;" title="">twitter</a>

brightkite <a href="yoursite" class="badge" style="font: 9px Geneva, Verdana, sans-serif; padding: 1px 2px 1px 2px; border: 1px solid #99FF00; background: rgb(46, 69, 87); color: #99FF00; text-decoration: none;" title="">brightkite</a>

email <a href="yoursite" class="badge" style="font: 9px Geneva, Verdana, sans-serif; padding: 1px 2px 1px 2px; border: 1px solid #00f; background: #fff; color: #00f; text-decoration: none;" title="">email</a>

technorati <a href="yoursite" class="badge" style="font: 9px Geneva, Verdana, sans-serif; padding: 1px 2px 1px 2px; border: 1px solid #fff; background: #009900; color: #fff; text-decoration: none;" title="">technorati</a>

facebook <a href="yoursite" class="badge" style="font: 9px Geneva, Verdana, sans-serif; padding: 1px 2px 1px 2px; border: 1px solid #fff; background: rgb(59, 89, 152); color: #fff; text-decoration: none;" title="">facebook</a>

tumblrs can reblog for their followers if they’d like