Add Facebook Popup Like Box Widget in Blogger

As we Known Today Facebook is Very Important to Get Higher SEO and Get Social Media is Also a Good Way to Get High Traffic on your Blog so today i will Tell You How to Get Huge Facebook Likes with your Blog Using Facebook Like Box Popup it will Attract Peoples To Like your Facebook Page.

Add Facebook Popup Like Box in Blogger

Step (1) Go to Blogger.com and Then Sign in Your Account.

Step (2) Go to Layout and Then Click on Add Gadget.

Step (3) Now Add Html/JavaScript

Step (4) Now Leave Title Blank and Paste The Below Code in Content Field.

<!-- Brought to you by www.allappslab.blogspot.com --><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;

margin: -220px 0 0 -375px;

}

#fanclose {

float:right;

cursor:pointer;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDuP1dvs3XPb_S2S31YN0iDu93hqG3euIht2RVdZY1kadgJD7padFogOASuVn4Jqbp8RrxV3LvPg-TEUeQoHQxPqKArp5WSXFfIQUaDPJ5KC2ccpJ0jSmFgRaypTjNkiSDkPu0_lqzD3Q/s1600/circle-close.png) no-repeat;

height:15px;

padding:25px;

position:relative;

padding-right:10px;

margin-top:-15px;

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: 0 });

});

</script>

<div id='fanback'>

<div id='fan-exit'>

</div>

<div id='fanbox'>

<div id='fanclose'>

</div>

<div class='remove-borda'>

</div>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/2014pakistanofficail&width&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=408184442589211" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 415px; height: 215px;" allowtransparency="true"></iframe>

</div>

</div>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>

<!-- Facebook Popup Widget END. Brought to you by www.allappslab.blogspot.com -->

Step (5) Now Change This With your FaceBook Page Link.

https://www.facebook.com/2014pakistanofficail

Like That :)

Step (6) Now click on Save 

Congratulations You are Down.

Please Like us on Facebook and Google Plus.