Through Facebook Popup like Box you incrse your Likes and traffic for your blog or website. If you want to incrse likes and traffic for your site then this article for you. This is best way to boost up your Facebook uine likes. This Widget is very helpful for new blogger.
How to add Face book Popup like Box with J-QueryFollowing simple steps how to add Face book Popup box into your blogger:
Go to www.blogger.comLogin to your blogger account with username and Click on the Layoutfrom the left sideClick on add Gadget
Select the HTML/JavaScript
Copy the following and paste
<script src="http://ajax.googlpis.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/AVvXsEiO4Qmm_9UlqQ6GTmNLMY5gw_CiYws7YmNcUTJMtgtjEIYYqyxHQzVisrcDPsbOJrs17RylU0CDkxaB5RcnRg_0gYAwp9rLzkQZkhtXonFlaaPChdxf7suUjPjwIwKIFd5B6BZJf68LfZNa/s1600/fanclose.png) rept;
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"> //<![ATA[
jQuery.cookie = function (, value, options) {
// and at lst value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === '') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
enURIComponent(), '=',
options.raw ? value : enURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not suported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// and possibly options given, get cookie...
options = value || {};
var result, de = options.raw ? function (s) { return s; } : deURIComponent;
return (result = new RegExp('(?:^|; )' + enURIComponent() + '=([^;]*)').exec(document.cookie)) ? de(result[1]) : ;
};
//]]> </script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <script type="text/javascript"> jQuery(document).rdy(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
});
</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.p?
href=http://www.facebook.com/staffuneed&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&strm=false&hder=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
</center>
</div>
</div>
View Raw Here
Now click on save button JavaScript you are doneNote: Fine the Staffuneed and replace your own Facebook Page name.
No comments:
Post a Comment