How to Add Facebook Popup Like Box Widget in Blogger

Add Your Own Facebook  popup like box widget for Blogger:

Today i am to tell you that “How to add Facebook popup like box widget to the Blogger blog”. Facebook is the best ways to

get traffic to your website or blog. Most of you might be wondering how to increase the likes of fb page and thereby organic reach to your page. Here is one method through which you can easily increase your FB Page Likes with out any energy. Add this wonderful Facebook Like Pop-Up box Widget to your blog. This will make almost all the visitors to your site Like your Page.

 

This widget comes with an Light box effect and looks attractive for the users. The popup will appear only one time i.e. the popup will just come one time and not in every page of your blog.It looks like the above image.
 

For Live Demo click the below Link.

Must See:Whatsapp for Nokia(Java, symbian mobiles)

Steps to Add the Facebook Like Pop up box widget to blogger:

1) Go to >>Blog>>Layout>>Add a Gadget>>Paste the below code


2) Copy this Code
  <script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’ type=’text/javascript’></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>


<script type=’text/javascript’>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie…
if (arguments.length > 1 && String(value) !== “[object Object]”) {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === ‘number’) {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), ‘=’,
options.raw ? value : encodeURIComponent(value),
options.expires ? ‘; expires=’ + options.expires.toUTCString() : ”, // use expires attribute, max-age is not supported by IE
options.path ? ‘; path=’ + options.path : ”,
options.domain ? ‘; domain=’ + options.domain : ”,
options.secure ? ‘; secure’ : ”
].join(”));
}

// key and possibly options given, get cookie…
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp(‘(?:^|; )’ + encodeURIComponent(key) + ‘=([^;]*)’).exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type=’text/javascript’>
jQuery(document).ready(function($){
if($.cookie(‘popup_user_login’) != ‘yes’){
$(‘#fanback’).delay(100).fadeIn(‘medium’);
$(‘#fanclose, #fan-exit’).click(function(){
$(‘#fanback’).stop().fadeOut(‘medium’);
});
}
$.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 });
});
</script>

<div id=’fanback’><div id=’fan-exit’></div><div id=’fanbox’><div id=’fanclose’></div><div class=’remove-borda’></div>
<iframe allowtransparency=’true’ frameborder=’0′ scrolling=’no’ src=’//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/basictricks&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false’

style=’border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;’></iframe>
</div></div>


 3)After adding the code Replace the Basictricks with your specified facebook url and click save.
4)save the template.
5)That’s it you have done.
Must Check: Download Bluestack without graphic card error.

Conclusion:
I have cleared you doubt about “How to add the facebook pop up like box widget for blogger blog”

12 Comments

  1. laichem khaled June 22, 2015 Reply
  2. Narmeta Revanth June 23, 2015 Reply
  3. Jay Patel July 29, 2015 Reply
  4. Αιμίλιος Παππάς September 12, 2015 Reply
  5. Gabriel Fernando October 21, 2015 Reply
  6. فرح قاسم December 15, 2015 Reply
  7. Ghana Campus News April 16, 2016 Reply
  8. fajar febriansyah June 14, 2016 Reply
  9. Edvaldo Dala June 30, 2016 Reply
  10. Ralph Marcuss Manarang September 11, 2016 Reply
  11. Hail Hydra October 13, 2016 Reply
  12. Narmeta Revanth October 13, 2016 Reply

Leave a Reply