Bỏ vào cuối HEADER
Bỏ vào Css
- Code:
<ul id="social_side">
<li><a href="#" title="Like Us"><img src="http://cdn5.iconfinder.com/data/icons/Mighty_Social_Icons/32/facebook_32.png"></a></li>
<li><a href="#" title="Follow Us"><img src="http://cdn3.iconfinder.com/data/icons/socialmediabookmark/32/twitter.png"></a></li>
<li><a href="#" title="Subscribe"><img src="http://cdn1.iconfinder.com/data/icons/socialmediabookmark/32/youtube.png"></a></li>
<li><a href="#" title="Rules"><img src="http://cdn5.iconfinder.com/data/icons/Absolute%2032-PNG/32/Warning.png"></a></li>
<li><a href="#" title="Help"><img src="http://cdn1.iconfinder.com/data/icons/Aristocracy_WebDesignTuts/32/Lifebuoy.png"></a></li>
</ul>
Bỏ vào Css
- Code:
#social_side{
list-style:none;
position:fixed;
z-index:5;
right:0;
top:130px;
width:40px;
padding:8px 5px;
border:2px solid #fff;
border-right:none;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
-moz-box-shadow:0 0 7px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);
box-shadow:0 0 7px rgba(0,0,0,.6);
background: #fff;
}
#social_side li{
margin:9px 0 0 0;
line-height:0;
}
#social_side li:first-child{
margin-top:0;
}
Write by Matti