Code:

#backToTheTut {
background-color: whiteSmoke;
border: 1px solid white;
height: 60px;
left: -20px;
padding: 12px 20px 0 40px;
position: fixed;
top: 200px;
width: 380px;
z-index: 200;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.title {
color: #666;
font-size: 15px;
font-weight: bold;
text-shadow: 0 1px 1px white;
margin-top: -5px;}

.winred {float: right;
margin-right: -15px;
margin-top: -7px;}



Tạo 1 Js [ In the Page ]

Code:

$(document).ready(function(){
  /* This code is executed after the DOM has been completely loaded */
 
  $('.nav a,.footer a.up').click(function(e){
                               
      // If a link has been clicked, scroll the page to the link's hash target:
     
      $.scrollTo( this.hash || 0, 1500);
      e.preventDefault();
  });


  // Demo
 
  $('#backToTheTut').hover(function(){
      $(this).stop().animate({'left':-20},'slow');
  },function(){
      $(this).stop().animate({'left':-410},'slow');
  });
 
  setTimeout(function(){$('#backToTheTut').animate({'left':-410},'slow');},2000);
});



Bỏ vào Foolter

Code:

<div id="backToTheTut" style="left: -20px; ">
          <div class="winred""><img src="http://i.imgur.com/qEBYQ.png"></div>
          <div class="title">Nuestro Foro en las Redes</div>
            <br><a href="#linkfb"><img src="http://i.imgur.com/ybcms.png"></a> <a href="#linktw"><img src="http://i.imgur.com/ERajl.png"></a> <a href="#linkgog"><img src="http://i.imgur.com/lAUEM.png"></a> <a href="#linkrss"><img src="http://i.imgur.com/zRYJv.png"></a> <a href="#link@msn"><img src="http://i.imgur.com/NCXF2.png"></a>
        </div>