Facebook Page Popup (Very Easy ! Step by Step)

How to Put Facebook Page Popup!

But before that, i'll tell you some cool facts about Facebook.

Did You Know That :

*Facebook has more than 1 billion active users in 2013.

*There was a Facebook movie entitled 

               'The Social Network'

Starring : Jesse Eisenberg as Mark Zuckerberg. 

3 likes including me... :"(

What this Widget does is, it popups a small box on the page that shows your Facebook Page, with this widget, your readers can easily like your page.

Now, let's proceed to the steps on how to put this cool Facebook Page Popup on your blog.


Step 1 : Go to Blogger Dashboard  >  Layout
Step 2 : Click "Add a Gadget" (Anywhere, it won't affect your page's design)
Step 3 : A box will appear on your browser, Press CTRL + F and type HTML/Javascript
             You can also find it by scrolling.
Step 4 : Click HTML/Javascript 
Step 5 : Paste the Code Below :


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

Step 6 : Before Saving, Press CTRL + F then type "YOURPAGE" without the quotation.
Step 7:  Replace the word YOURPAGE using the link of your Facebook Page

Read More »