How to add Facebook Pop up Like box for Blogger

          You know that facebook is the worlds largest social Network sites used by every one in the world. As per webmasters and bloggers it was the source. facebook is the main source for bloggers to get traffic to their website. So bloggers are used for facebook for traffic.

In this post I will show you how to get Facebook pop up Like page for your blog. whenever a visitor visits your blog Like box will pop up on their screen

Whenever users visit any page in your blog facebook pop up like box will appear on their screen

Now i will tell how to how to get facebook like box :

Steps to Add Facebook Like box pop up to your Blog :

Step1 : Go to your Blogger Dashboard 

Step 2 : Click on Layout

Step 3 : in Layout Click Add a Gadget and  Select Html Javascript

Step4 : Copy the below code and paste it in html javascript

 <!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.

If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

<style type="text/css">

/***********************************************

* CSS POP-UP With Light Box Effect- © New Facebook Tips Trick (http://new-facebook-tipstricks.blogspot.com/)

* This notice must stay intact for use.

* Visit http://new-facebook-tipstricks.blogspot.com/ for full source code.

***********************************************/

* html #exestylepopupdiv {position:absolute;}

#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BUMrsoVFRUyC69p_U1W0TPDqtlQxLc5VrpGXA2NHAKF__EAZ3x2ufYZxr8V5J3I9U3Hk9fXtBxjpNQkiYW1txTdM1DU379IFVlYag1KPBJiY0X6mX0Iz1aMAdBHTHpde6zRcvUXpfw/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}

#exestylepopup {background-color: #fff; overflow:none;}

.exestylepopup {width:400px; height:300px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;}

</style>

<!--[if lte IE 6]>

<style type="text/css">

/*<![CDATA[*/ 

html {overflow-x:auto; overflow-y:hidden;}

/*]]>*/

</style>

<![endif]-->

<div id="exestylepopupdiv">

<div id="exestylepopup" class="exestylepopup">

<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5zfU1oT6VhSbc4Lq6E7wBp1oXDYL4KnPpeTfv51oAWffsTgm3jneBoCuw7TNFDe3s2gQA0YT95JVgE9-vdU-j81XE1KXuYr0PUCvOJ1hKiFk4ALv_PAALR0PEZnnB_LY1g7GbbvLVg/s40/exeideasclose.png"/>

</center>

<div id="exestylepopup" class="exestylepopup">

<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5zfU1oT6VhSbc4Lq6E7wBp1oXDYL4KnPpeTfv51oAWffsTgm3jneBoCuw7TNFDe3s2gQA0YT95JVgE9-vdU-j81XE1KXuYr0PUCvOJ1hKiFk4ALv_PAALR0PEZnnB_LY1g7GbbvLVg/s40/exeideasclose.png" />

</center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Femployementinfo&width=400&height=300&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:260px;" allowtransparency="true"></iframe>

</div>

</div>

</div>

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.

If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

Step 5 : Now Change the Blue colour code with facebook fan page username 

Step 6 : After changing Click on save you are done

It was the easiest Steps to get Facebook Pop up Like box For Blogger

                                                     Happy Blogging