How to insert social plug (Facebook) in your blog to connect your blog with your facebook fan page

Fan page is best way to promote your blog. it helps you to increase the traffic of your blog . and it will spread the popularity of  your blog . There some steps which you should follow to get the social plugin (Facebook) in your blog to connect your blog with your facebook fan page . those steps are :

      

       1.  At first go to the www.blogger.com      

       2.  Then Login To Blogger Account.

       3. Then Click on the Layout option >then click on Add A Gadget option.
       4. From the  Gadget list Select HTML / Javascript > Paste The Following Code In content Box.

<script type="text/javascript">
 //<!--
 $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
 //-->
 </script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpjWa7rRSuPJSEY7xuUxEi2VjFu9xRcbnVYQc4UoxXDkbUswkj11owlTPWu4xpsv3MIjTpg1xdBJGTe43NZfUIV1YmJ2Bxb-93BD2Eng4s0ubUgMwhfIahLjOUUd5lHVMgkRpRsYyTwV1U/s1600/FloatingFB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" style=""><div>
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fpages/informationtechnology88/547182452025330&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=292" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 292px; width: 245px;background:#fff;"></iframe><span><a style="font-family: arial, sans-serif; font-size: 9px; color: #999;" href="http://www.jobsmag.in" target="_blank"> JM</a></span> </div></div>

4. After that just replace this "/informationtechnology88/547182452025330" with your facebook fan page .

 After that add the Jquery Plugin for add the Jquery Plugin you need to follow those steps:

1. Go to Dashboard of your blog >then click on the Template option >then click on the Edit HTML option

2. Search for </head> tag in your template and just below it paste the following JQuery code (You can ignore this step if Jquery Link is already added in your template)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

After that your social plug in will be added in your blog .