Blogger Me Facebook Popup Like Box Widget Kaise Add Kare - InHindii : हिन्दी में जानकारी

Blogger Me Facebook Popup Like Box Widget Kaise Add Kare

Hello dosto aap sabhi ko Facebook page ke baare me pata hi hoga. Kyuki facebook page blog ki social traffic improve karne karne ka sabse best tarika hai. Aapne bahut se blog ya website par visit kiya hoga to aapne dekha hoga ki jab ham us site ko open karte hai to ek popup facebook like box open hota hai. Aaj ki post me main isi ke baare me batauga ki Facebook popup like box ko blog me kaise add karte hai. Blogger me facebook page like box add karna bahut hi asan hai, hame sirf ek widget add karna hai.
Blogger Me Facebook Popup Like Box Widget Kaise Add Kare
How to add Facebook Popup Like Box Widget on Blogger

Facebook Page PopUp Like Box Widget Blog में क्यों Add करें?

Ise add karne se jab bhi koi visitor aapke open karega to hamare blog ka popup facebook like open hoga. Aur visitor ya to use remove kar dega ya fir wo hamare facebook page ko like karega. Isse hamare blog ke facebook page ki fan following bhi badhegi or facebook se blog ki traffic bhi badhegi.

Facebook PopUp Like Box कब-कब Show होता है?

is popup widget ki sabse achhi baat yeh hai ki, ye aapke blog ke har page par open nahi hoga. Hamare blog ko kisi ke open karne ke baad sirf ek baar show hota hai. Kyu ki agar yeh blog ke sabhi page par open hoga to aapke visitors ko ise bar bar remove karne me problem hogi. Lekin yeh popup box blog par visit karne par sirf ek bar show hota hai. Isliye aapke visitors ko problem bhi nahi hogi.

ये भी पढ़े:

Blogger में Facebook Popup Like Box Widget कैसे Add करें?

Mai yaha aapko step by step bata raha hu, agar kuchh samjh me na aaye to aap mujhe comment me bataye.

Step 1: Sabse blogger me jakar Sign in kare or blogger dashboard me jaye.
Step 2:
  • Dashboard ke Layout section par jaaiye.
  • Ab kahi bhi 'Add Widget' par click kare.
Step 3: Ab ek Popup page khulega. Usme aapko “HTML/JavaScript” ko select kare.
Step 4: Ab ye code copy kare or HTML/JavaScript ke box me Past kare.


 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
 display: none;
 background: rgba(0,0,0,0.8);
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999;
}

#fbox-close {
 width: 100%;
 height: 100%;
}

#fbox-display {
 background: #eaeaea;
 border: 5px solid #828282;
 width: 340px;
 height: 230px;
 position: absolute;
 top: 32%;
 left: 37%;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

#fbox-button {
 float: right;
 cursor: pointer;
 position: absolute;
 right: 0px;
 top: 0px;
}

#fbox-button:before {
 content: "CLOSE";
 padding: 5px 8px;
 background: #828282;
 color: #eaeaea;
 font-weight: bold;
 font-size: 10px;
 font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
 color: #aaaaaa;
 font-size: 9px;
 text-decoration: none;
 text-align: center;
 padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/52SaimK&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.inhindii.com/2017/02/facebook-page-like-box-widget.html" rel="nofollow">InHindii : हिन्दी में जानकारी</a></div>
</div>
</div> 

Step 5: Ab hame sirf Save par click karne hai. lekin Code ko past karne ke baad https://www.facebook.com/52SaimK ko remove kar apna facebook page url add kar le. Or Save par click kare.

Agar ye Popup Facebook Page Like Box aapke blog par work nahi kar rahi hai to iska matlab hai ki aapke blog ke template me pahle se jquery code add hai. To aap diye gaye code me sabse upar no.1 red color wale code ko delete kar de.


To dosto finaly aap jaan chuke ho ki blog me facebook ka like box kaise jodte hai. Agar kisi bhi step me koi bhi problem ho to mujhse comment me puch sakte hai. Mai blogging se related kai blog tricks ki post karuaga, isliye agli post notification pane ke liye hamara facebook page like kare or free email delivery service ko subscribe kare.
Previous
Next Post »

5 comments

Click here for comments
Gaurav
admin
February 27, 2017 at 2:14 AM ×

really such a great article, thnks for sharing.

Reply
avatar
February 27, 2017 at 3:13 AM ×

bahut achha article likha aapne

Reply
avatar
Saim kumar
admin
February 27, 2017 at 4:36 AM ×

comment karne ke liye thank you. Aage bhi aisi post share karta rahuga..

Reply
avatar
Saim kumar
admin
February 27, 2017 at 4:40 AM ×

Thank you.. blogging se related help ke liye hamari aane wali post padhna na bhule.

Reply
avatar

Thank you for your valuable comments on InHindii.com. ConversionConversion EmoticonEmoticon

Thanks for your comment