Social widget blogger

by dafin defandaky

HTML

<div class="dbd_socialwidget">
<h2>Social widget</h2>
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/">Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/" rel="author">Join me on Google+</a></li>
<li><a class="linkedin" href="http://linkedin.com/Username">Connect on LinkedIn</a></li>
<li><a class="youtube" href="http://www.youtube.com/Username">Watch me on YouTube</a></li>
</ul>
</div>

CSS

.dbd_socialwidget { width: 300px; margin:0 auto;padding:0} 
.dbd_socialwidget h2{padding:10px 15px;margin:0 auto;background:#364;color:#fff}
.dbd_socialwidget ul { border: 1px solid #365; margin: 0; padding: 0; } 
.dbd_socialwidget ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #364; border-top: 1px solid #365; } 
.dbd_socialwidget ul li:first-child { border-top: 0 none; } 
.dbd_socialwidget ul li:last-child { border-bottom: 0 none; } 
.dbd_socialwidget ul li a { background-color: #361 !important; color: #fff; display:block; text-decoration:none} 
.dbd_socialwidget ul li a:hover { background-color: #363 !important;color: #f1f1f1; } 
.dbd_socialwidget ul li .rss { background: url("http://2.bp.blogspot.com/-NdgYDGOx2WU/UXTEcMCT-_I/AAAAAAAAAfQ/VtwyVKuNdJY/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; } 
.dbd_socialwidget ul li .twitter { background: url("http://4.bp.blogspot.com/-9sG2X-wrCeY/UXTEchAQ2HI/AAAAAAAAAfg/gtq9mwSHC1g/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;} 
.dbd_socialwidget ul li .facebook { background: url("http://4.bp.blogspot.com/-Q6uMZtVZjHo/UXTEcAQSlHI/AAAAAAAAAfY/ePt9AJoqCrE/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; } 
.dbd_socialwidget ul li .google { background: url("http://3.bp.blogspot.com/-57g4ooxoC6U/UXTEc0EniXI/AAAAAAAAAfk/G1HU6s-_UTM/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; } 
.dbd_socialwidget ul li .linkedin { background: url("http://1.bp.blogspot.com/-sSNL3X-MkxE/UXTEcJxsHGI/AAAAAAAAAfU/MFYv7v3vAPo/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; } 
.dbd_socialwidget ul li .youtube { background: url("http://3.bp.blogspot.com/-foQvV9Mgig4/UXTEcjfOZPI/AAAAAAAAAfo/kTKqKaFiKNU/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; } 
.social-about { display: none; }