[code] [/code]

How to Add Facebook Like Box into Blogger Blog

Facebook is one the greatest top most popular social networks to get more traffic from this social media sites.this social site helps the user to get the traffic and make more fan page for tour blogger or website.

Facebook gives u more traffic when u post the article then if u have more followers u can get more traffic.This Facebook we have the best widget for the blogger at like where the user just click on the like box widget to get more followers.so well in this post I am gonna share the trick how to add the facebook like box widget for blogger .



If u want to add this facebook like box widget follow this step:

1.Login To Blogger Account.
2. Click Layout > Add A Gadget.
3. Select HTML / Javascript > Paste The Following Code In content Box.
4.Add this widget code in widget box.
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/asifseo.com&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" >
So well this is the code which u need to enter ,but when u copy the code just change the red colour code with your facebook like box page.


After that u need to save the blogger widget then your can see the facebook like box widget in your site .


So well this post iam gonna share the best facebook like box floating bar widget for the blogger.


If u want to add this facebook  like box floatingbar widget follow lucid sgeps:

  • Go to Layout > Add A Gadget
  •  Select HTML/Javascript
  • addthe code inside the widget.
<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/AVvXsEiJungrkfg5jF-JF3789UVfPfrgTaEQe_gKxFH22KHVqEFBGf2HlyM7ijGLICyfEdbEU9yDaANZ8HE0BxQrKQPUudl2gAwCwkbJ66lchU5HgUqdeeP3fKsRwPpR1Cl_i7GgycFjFIiiJti1/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/asifseo.com&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" ="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://asifbing.blogspot.com/" target="_blank"> TG</a></span> </div> </div>
  • now change pages/asifseo.com fb fan page code with ur fan page code  .
  •  Now save your template then u see the code successfully.
Over To You:

Best facebook like box  for all the blogger,i hope u like the post if u have any querries just lemme know in comment .if u like the post please share with your friends.this pot helps to get more page views and more fan following by using the widget u can create fan page in facebook.