Social media Liked

Social media Liked By PalmaHutabarat

by Palma Hutabarat92

HTML

<!-- PalmaHutabarat All in one Social Subscription Box -->
<div class="socialbox-mbl mbl-classic" style="width: 300px !important">
<ul>
 <li>
<a href="#" title="Like on Facebook" rel="nofollow" target="_blank"><img src="http://3.bp.blogspot.com/--bi0CGqDZJ8/UN8N-Mmfv7I/AAAAAAAAKX8/uaMfzJ6qRoU/s1600/facebook_16.png" alt="Facebook" />
</a><p><span>500</span> Fans</p><a href="#" class="socialbox-button" rel="nofollow"  title="Like on Facebook" target="_blank">Like</a>
</li>
<li>
<a href="#" title="Follow on Twitter" rel="nofollow"  target="_blank"><img src="http://3.bp.blogspot.com/-74-W-RRRlrc/UN8NIc_p-rI/AAAAAAAAKXw/zZ3h9PfUcro/s1600/twitter.png" alt="Twitter" /></a><p><span>40</span> Followers</p><a href="https://www.twitter.com/imron68824900" class="socialbox-button" rel="nofollow"  title="Follow on Twitter" target="_blank" >Follow</a>
</li>      
<li>
<a href="#" title="Subscribe to Youtube Channel" rel="nofollow" target="_blank"><img src="http://3.bp.blogspot.com/-hZ-iCjY7ZEk/UN8Lqvu_lzI/AAAAAAAAKV4/NDVmDp0q7nk/s1600/youtube_16.png" alt="YouTube" /></a><p><span>3300</span> Subscribers</p><a href="http://www.youtube.com/channel/UC6JEXoVps8kSQ4Z6I4TTmCw" rel="nofollow" class="socialbox-button" title="Subscribe to Youtube Channel" target="_blank" >Subscribe</a>
</li>  
<li>
<a href="#" title="Follow on Pinterest" rel="nofollow"  target="_blank"><img src="http://1.bp.blogspot.com/-FRqoLOjovMM/UN8KYnXP5ZI/AAAAAAAAKVo/SARIQBtxHIE/s1600/Pinterestmbl.png" alt="Pinterest" /></a><p><span>200</span> Followers</p><a href="http://www.pinterest.com/ketams/boards/" rel="nofollow"  class="socialbox-button" title="Follow on Pinterest" target="_blank" >Follow</a>
</li>    
<li>
<a href="#" title="Follow on Google+" rel="nofollow" target="_blank"><img src="http://2.bp.blogspot.com/-RxL4JXKt65o/UN8LG1Yc0zI/AAAAAAAAKVw/xIpDulb4etE/s1600/Googleplusmbl.png" alt="Google+" /></a><p><span>1000</span> Followers</p><a href="https://plus.google.com/u/0/113722753656632606178"...

CSS

div.socialbox-mbl,
div.socialbox-mbl ul,
div.socialbox-mbl ul li,
div.socialbox-mbl ul li p,
div.socialbox-mbl ul li img,
div.socialbox-mbl ul li p span,
div.socialbox-mbl ul li a{
 background: none;
 border: none;
 font-style: normal;
 font-weight: normal;
 margin: 0;
 padding: 0;
}
div.socialbox-mbl ul,
div.socialbox-mbl ul li{
 list-style: none;
}
div.socialbox-mbl ul li a,
div.socialbox-mbl ul li img{
 display: inline;
 width: auto;
}
div.socialbox-mbl ul li a.socialbox-button{
 text-align: center;
}
div.socialbox-mbl.mbl-classic{
color: #768a96;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
div.socialbox-mbl.mbl-classic ul{
background: url(http://3.bp.blogspot.com/-ea9PfovQmzk/UN8yR7Ma9cI/AAAAAAAAKbI/fGdJIUYyaH8/s1600/classic-background.png) repeat;
border: 1px solid #d8dcdf !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 2px 4px #dfe4e7;
-moz-box-shadow: 0px 2px 4px #dfe4e7;
box-shadow: 0px 2px 4px #dfe4e7;
margin: 0 !important;
padding: 0;
} 
div.socialbox-mbl.mbl-classic ul li{
background-image: none;
border-bottom: 1px solid #d8dcdf;
height: 40px;
overflow: hidden;
padding: 19px 9px 0 9px;
}  
div.socialbox-mbl.mbl-classic ul li:last-child{
border-bottom: none;
}    
div.socialbox-mbl.mbl-classic ul li img{
border: none;
margin-right: 10px;
float: left;
}
div.socialbox-mbl.mbl-classic ul li p{
display: inline;
position: relative;
top : -3px;
}   
div.socialbox-mbl.mbl-classic ul li p span{
color: #425763;
font-weight: bold;
} 
div.socialbox-mbl.mbl-classic ul li a.socialbox-button{
background: url(http://3.bp.blogspot.com/-l4GuvokNR7k/UN8yB38xKtI/AAAAAAAAKbA/sD2VwGzVx9A/s1600/classic-button.png) no-repeat;
border: 1px solid #d8dcdf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #425763;
float: right;
font-size: 11px;
font-weight: bold;
line-height: 11px;
padding: 6px 10px;
position: relative;
text-decoration: none;
text-transform:...