Facebook Popup Like Box Widgets For Blogger ~ Androporter

Monday, November 25, 2013

Facebook Popup Like Box Widgets For Blogger

11:27 PM By Manoj Paul blogger, facebook, trick, widgets 1 comment

This is a new way to increase facebook likes for your blog or website. Add this widget to your Blogger website and a Facebook like box will pop up with the lightbox effect when a user visits your page. The facebook widget will show up on your page after the page loads. This is a surefire way to dramatically increase your likes. When a visitors come To Your Blog or Website, Popup can Automatically Show on The page And Force The visitors to like your Facebook Fanpage.

Add Popup Facebook Like Box Widget ?

just Follow Below Given Steps And enjoy Using This awesome popup Facebook like box Widget.

Go To Blogger Dashboard
Go to >> Layout >> Add a Gadget >> HTML Javascript
Copy Below Given Code And Paste inside the Box.
Save it After Pasting.

// 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(10000).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/androporterwebpage&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span id="linkit">Powered by <a href="http://www.androporter.com">Androporter</a> <a href="http://www.androporter.com/search?q=widgets">Widget</a></span></center>
</div>
</div>

Now Customize This Widgets code

Enter Your Facebook Username

Find this line

Now Just Replace This Link [ http://www.facebook.com/androporterwebpage ] With Your Facebook Fan Page URL.

Change The Time Delay

By default the widget pops up 10 seconds after the page finishes loading. Search for the code below and changing the number 10000 to a greater or lesser number.

1 second = 1000. 10 seconds = 10000. 30 seconds = 30000.

Popup Display When User Visit Your Homepage

You can do this by surrounding the widget code with these conditional tags below.
Go to Template > Edit HTML.
Now search for the </body> tag. Place the facebook popup widget right above this body tag.
Make sure to include the conditional tags below.

Popup Every Time

By default, the like box widget only shows up the first time the user visits your page. If You would like the facebook box to popup every time the page loads, then replace this line yes to no.

After Customize save your blog and enjoy using this awesome widget in your blogger.