<div class="social">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=wpsnipp&loc=en_US" rel="nofollow" title="subscribe via email for automatic updates" target="_blank" class="social-emailrss"></a>
<a href="http://feeds.feedburner.com/wpsnipp" title="subscribe to our rss feed" target="_blank" class="fst social-rss" rel="nofollow"><span>Subscribe</span></a>
<a href="http://www.facebook.com/pages/wpsnippcom/106900272716297" title="come visit us on facebook" target="_blank" class="social-facebook" rel="nofollow"><span>Facebook</span></a>
</div>



// LOCATION OF THE IMAGE

http://wpsnipp.com/wp-content/themes/htmlfrp/images/social-icons.png



// CSS FOR THE DISPLAY

.social a{display:block;background: url("images/social-icons.png") no-repeat top left;}
.social a span{display:block;margin:7px 0px 0px 39px;}
.social .social-rss{ background-position: 0 -492px  !important; height: 32px; }
.social .social-emailrss{ background-position: 0 -327px  !important; width: 38px; height: 32px; }
.social .social-facebook{ background-position: 0 -410px  !important; height: 32px; }



	.social{
		background:#e5e5e5;
		margin:20px 12px 20px 15px;
		padding:10px;
		height:30px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		}
	.social a{
		font-family:Arial, Sans-serif;
		font-weight:bold;
		font-size:16px;
		color:#666;
		text-decoration:none;
		}
	.social a.fst{
		border-right:dotted 2px #ccc;
		padding:0px 25px 0px 0px;
		margin:0px 25px 0px 0px;
		}
	.social a:hover{color:#333;}
	.social a:hover span{text-decoration:underline;}
	.social img{
		vertical-align:middle;
		padding:0px 5px 0px 0px;
		}