No doubt, you may have created Facebook fan page of your blog. But what about page likes? Are they increasing, decreasing or no movement? Well, Most of the new blogs have very less likes as the page doesn't reach to the high audience. It's recommended to use some type of Facebook like boxes in our blogs to increase likes and also converting blog visitors into Facebook fans. Out there, many type of widgets are available for Blogger but today I'm gonna share something special widget that is named as "Popup Facebook Like Box". So, let's discuss about this widget more.
Facebook Pop up Like Box For Blogger
This is an amazing and magical Facebook pop up like box specially for
Blogger blogs that will help you to increases Facebook page likes of
your blog rapidly. The name of this widget itself proves that when
someone enters into your blog while loading page, page gets dark
transparent background and this widget appears in order to ask the user
for liking your page. This widget will work in every webpage of your
blog.
Don't get worried if you're thinking about readers will get annoyed.
This like box is designed and developed differently. When this widget
appears, it throws a cookie into the user's operating system which helps
this widget to control its appearance. Means through the use of that
cookie it will not annoy readers by coming again and again. So, it only
appears once to the visitors. But yes, if someone clears cookies than it
might come back but only for one time because it will again send cookie
into visitor's system.
After the great functions of this widget, it also has cute look in
design. It appears with a loving effect and the whole box has also cool
design. First, it has an title "can also be called message" which
appears at the top center. That title or message forces visitors to like
your page. Second, It has the main thing "Like Box" that is actually
official Facebook like box. At third and last, There is a close button
that is a way to go to your blog by closing that Pop Up like box.
How To Add Facebook Pop up Like Box in Blogger?
- Go To Blogger >> Layout >> Add a Gadget
- Choose HTML/JavaScript
- Paste The Following Code in Content Box
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTXAe8oADaNZu3nOzhA-TEbNXANvjmLm8VTt96G1gDKT90dBuHi01hOP3eqllF44HidhD8VrIWJvC03Cx7zhcPsj_dls-OiTzx9YvP1zZ-_q2IQlAqUpAYz1pcbmfoUTFCUKvafLqxhAD/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;
}
#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><a href="http://m4mohandis.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="http://m4mohandis.blogspot.com/" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://m4mohandis.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://m4mohandis.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="http://m4mohandis.blogspot.com/" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <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='http://www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/bestcollection4u&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>
</center>
</div>
</div>
- Replace bestcollection4u With Your Facebook Fan Page Username
- Leave The Title Box Empty!
- Click Save!
Final Words
That was an awesome Facebook popup like box widget for Blogger that will
definitely help you to gain more Facebook fans as it converts blog
visitors into Facebook fans. Just try to work more and more so that you
may get more traffic and if more traffic than you'll also get more fans.
Is this widget not working at your side or have any other issue? Feel
free to ask in comments and also share your views about this. Take Care!
0 comments:
Post a Comment