Home » Development » Facebook Popup (Like Box Widget) For Your Blogger Sites
Development

Facebook Popup (Like Box Widget) For Your Blogger Sites

Facebook is the most usage and popular social network in the world. It provide many interesting ways to develop and increase your business in online. Facebook provide Page, Group, Events and Other Interesting Tools to the Developers. In this task LIKE is the most valuable steps to run and increase your business in online. To increase your business popularity and sells by Creating a Facebook Fan Page for your company or product goods.

You may also create your own website on Blogger to share news, blogs and feed about your company and product goods. In order to produce an effective digital campaign, you absolutely must take advantage of social media by doing things like integrating Facebook on Blogger. It may helps to update latest news and blogs about your company and product goods. Someone suggest to using Email Marketing services to improve your company sells. Email marketing can be useful, but it comes with limitation that could limit your company dynamic blogs. Probably the most important problem is that emails don’t come with a face or personality like Facebook. In this fact you should using Facebook not Email Marketing services.

Facebook Popup (Like Box Widget) For Your Blogger Sites

In this fact you need to creating official facebook page for your company or product goods. You can also using facebook page to increase website or blogger traffic or popularity. You need to collect your facebook page likes. It will helps you to send some important Facebook gives some excited tools for this. You can use a Blogger Like Box Widget to increase your official facebook page likes from your own blogger or blogspot websites. You just need to create an blogger account and open a blogspot blog (If you have no blogger or blogspot websites). Afterwords you should copy Like Box Widget for your Blogger sites and paste into your blogger sites by following introduction here.

Adding Facebook Popup Like Box Widget

1. Sign in into Blogger with your Google Account.
2. Select your blog, which you like to use this widget.
3. Click on Layout option from left side of your device screen.
4. Click on Add a Gadget option from Layout page.
5. Now select HTML/ JavaScript options from new window.
5. Copy and paste the following codes into your HTML/JavaScript Content box.
<!-- Facebook Popup Widget START --><!-- Brought to you by http://honeymovies.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%;
}
#JasperRoberts {
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;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.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;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</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(10000).fadeIn('medium');
$('#TheBlogWidgets, #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='JasperRoberts'>
<div id='TheBlogWidgets'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/HoneyMoviesInc&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 style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a style="color:#a8a8a8;font-size:8px;" href="http://honeymovies.com">HoneyMovies</a></span></center>
</div>
</div>
<!-- Facebook Popup Widget END. Brought to you by http://honeymovies.com -->

6. Then press the Save button to adding this widget to your blogger website.
NB: You need to change the https://www.facebook.com/HoneyMoviesInc to your own facebook page url.
Thanks for reading!