Add a Awesome jQuery Pop-Up For Facebook Like Box

Now I decided to present some fresh for what comes with a nice jQuery Popup Box to Facebook as. This
is an excellent widget to enhance taste. You can see most of the sites or blogs that are used to increase pop unpaid, fans and supporters. This popup jQuery cute for Facebook As the box is a great blogger widget. As soon as the new visitors coming to your blog will display the pop visitors, which can help increase the size and get more traffic to my next tutorials Facebook.In I'll try to make it more interactive with links to social media profiles and a complete version with all its contents, which can need.Check out show down and I will show you how to add jQuery Popup cute for Facebook as the box to Blogger or WordPress?

Watch Video

Or Follow these Steps

Step 1: Adding a Awesome jQuery Pop-Up For Facebook Like Box Widget To Blogger layout.
Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Layout>Add a Gadget.

Step 3: After click on Add a Gadget link A pop-up box will open now

Select "HTML/JavaScript" from the gadget options by clicking the blue plus sign for that gadget.

Step 4: Select 'HTML/Javascript' and add the one of code given below.

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

<link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/wt4ulsj3cvct3fi/lightbox-style-popup-facebook-likebox-widget-02.css" /><script src="http://dl.dropboxusercontent.com/s/7bcjeubaenpmbf9/facebook-colorbox-v1.3.19.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script><a href="http://myblog-widgets.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blog Widgets" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://myblog-widgets.blogspot.com/" rel="dofollow" target="_blank" title="My Blog Widgets"><img src="https://bitly.com/24workpng1" alt="My Blog Widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://myblog-widgets.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <!-- This contains the hidden content for inline calls --> <div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >?</p></center></h3>
<center>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOfficial.MyBlogWidgets&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center>

</div>
</div>

Step 5: Customize Field Replace "Official.MyBlogWidgets" with your own facebook page name (Not your own profile name)

Note: If your template already have a jquery do not put again, just copy after it
Html from above a few things could be replaced.

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

Step 6: Now Click On Save 'JavaScript' You are done.