How to Add Facebook Pop Up Like Box to Blogger in Urdu

 

As Social Media has become the most popular platform to share everything with the world and Facebook is indeed the king of Social Media. By using facebook Twitter, Google+ & other social media sites we can drive more free trafic to our blogs other than search engines. So therefore, after establishing a blog you must create a Facebook fan Page for your blog on Facebook. Facebook has billions of daily users and you can catch them by sharing your content over there. After creating a fan page you should always force people to like your page, especially you should recommend your page to your friends & colleagues. They will share that page with their friends.

Adding Facebook Pop Up Like Box to Blog And Html Web

Adding a facebook like box to your blog is super easy, you just need to have a fan page on Facebook for your blog, so that it can be embedded to blogger blog. The simplest method is to go to your fan page setting and find a link social plugins, from where you can easily get the code of your FB Like box.

So you have to do these steps to install it on your blogger blog


          1.  Go to blogger dashboard  >  Layout
          2.  Now click on  >  Add a gadget
          3.  A box will appear select  >  HTML/Java Script box by scrolling until you find it
          4.  Now paste this code into the box and click on  >  Save
 

                          <!-- Widget by www.mbgadget.blogspot.com start --><link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"></link><script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><link href="/resources/demos/style.css" rel="stylesheet"></link><script>$(function() { $( "#dialog" ).dialog(); }); </script>  </div>
<div id="dialog" title="Get updates via Facebook">
<center>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmbgadget&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false" style="border: none; height: 258px; overflow: hidden; width: 285px;"></iframe></center>
<center style="float: right; margin-right: 10px;">
 <!-- Please don't remove credit --><span style="color: black; font-size: xx-small; text-decoration: none;">Get this gadget at</span> <a href="http://www.mbgadget.com/2013/04/blogger-facebook-popup.html" style="color: #3b78cd; font-size: xx-small; text-decoration: none;" target="_blank">facebook popup like box</a></center>
</div>
<!-- Widget by www.mbgadget.blogspot.com End -->