WordPress Like Facebook Like Pop Up Widget For Blogger Blog!

Facebook Like Pop Up Widget For Blogger!


Hi Guyz! Aaj mai aapko is post me apne blogger blog par WordPress Powered Blog ki tarah Blogger par Facebook Like Pop Up Widget add karne ke baare me btaunga. Jaisa ki aap sabhi jaante hai ki Facebook pichhle kuch saalo se duniya ki top social media website hai. Kuch dusre popular social media platforms jaise - Instagram, WhatsApp Facebook Inc. ka hi ek part hai. Aapko shayad hi aisa koi blog mile jiska koi facebook fan page na ho. Aise me apne facebook page par likes badhane aur apne blog ko social media par wiral karne ke liye aap apne blog par yeh pop up add kar skte hai.

Also Read - 

Mai is post ko jyada lmba na khinchate huye ab sidhe point par aata hu. Apne blogger blog par aapko yeh pop install karne me aapko 1 minute se jyada waqt nahi lagega. 

Guide To Add WordPress Like Pop Up Widget For Blogger

1. Sabse phle aap apne Dashboard me log in kare.

2. Ab Layout par click kare aur uske baad apne blog ke Sidebar ya Footer me ''Add A Gadget'' par click kare.

3. Ab aapke saamne ek pop up window open hogi. usme aap HTML & Java Script par click kare. 

4. Ab aapki computer screen par do text box show honge. Unme se title waali field ko khali (blank) hi chhod de aur second box me niche diye huye codes paste kar de.

<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;
-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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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;
}
</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: 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=https://web.facebook.com/VickyPediain-600904953391322/&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div></div>


5. Ab aap in codes me se blue color me highlight mere facebook page ki link ko apne facebook page ki link se replace kar de.

6. Ab save button par click kare aur ek new tab me apne blog ki url open kare. Yeh pop aapke blog par kuch is tarah show hoga. :)

I Hope Newbie Bloggers Ke Liye Apne Blog Ko Customize Karne Me Yeh Post Jarur Helpful Sabit Hogi. Plz Share It With Your Blogger Friends.

2 comments:

Don't Be Shy, Leave A Comment!

Pages