21 September 2014

, ,

Add Facebook Popup Like Box Widget in Blogger

How to 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.

Also Read:

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.Latesttipsandtricks.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(http://3.bp.blogspot.com/-kcqre6ebGA4/UxqmVCm9ZxI/AAAAAAAAC4M/msBxHECD6KY/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%3A%2F%2Fwww.facebook.com/pages/Tips-And-Tricks/570662356389204&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.Latesttipsandtricks.com -->
Step (5) Now Change This With your FaceBook Page Link.
www.facebook.com/pages/Tips-And-Tricks/570662356389204

Like That :)

Step (6) Now click on Save 

Congratulations You are Down.

Please Like us on Facebook and Google Plus. 



0 comments:

Post a Comment

Give your Thoughts about this Post in Comments.

Top Ad 728x90