How to create Facebook Widgets Like Hovering diblogspot

Buddies who are interested to try the following langlah - steps:

1.      Login to the blog
2.      Draft -> Edit HTML
3.      Find the code </head> 
4.     Copy the code below and place it above  </head> 

     <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

5.Save template friend

6.Selanjutnya Rancangan7.Klik add gadgets to the menu

8.Pilih HTML / JavaScript

9. Copy and paste the code below into the box HTML / JavaScript was

    <style type="text/css">
    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOp1e-uvf6eFcXxeGN696e81_Vyp_ogDJYY9Vc-4DKjymF2b6PQkziiB3AZmHw1zVvhl1TdqTq9X6y2BwK4Fw-aFJADfDNA8QueKhwOIl4PJWZUKP2YYswnQVHbddswMdKjV6mq94WmGUj/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqF90PoZNbcquHs2dRNB6sMviyqPtWmIeyefsQ7xBVxNCc4qAPmRwTp-RmcY0x2g01BxK6_GIsTi2Bt92LnySBoj4gVQNEvVa_2wiU_T7W20a9gjFugrEIbirAuH89nvpDiopG1TxLcGa/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
    .barcontefacebook{margin:5px 0 0 47px}
    </style>
    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
    <div class="barcontefacebook">
    <!-- Begin Facebook -->
    script fanspage facebook disini
    <!-- End Facebook -->
    </div>
    </div>