Blogger Me Facebook Popup Like Box Widget Kaise Add Kare

Facebook बहुत ही अच्छा तरीका है अपने blog की traffic बढ़ाने का आपने बहुत सी websites blogs पर देखा होगा की जब हम उसे open करते है तो एक popup Facebook like box खुलता है आज में आपको इसी के बारे में बताने जा रहा हूँ की Facebook popup like box को blog में कैसे add करते है ये बहुत ही अच्छा way है लोगो से Facebook पर contact करने का और Facebook like box को blogger में add करना भी बहुत सरल है आपको अपने blog में सिर्फ एक widget add करना है।

Table of Contents

1 Facebook Popup Like Box Widget Blog में क्यू add करें
- 1.1 Facebook Popup Like Box कब कब show होता है
- 1.2 Blogger में Facebook Popup Like Box Widget कैसे add करें

Facebook Popup Like Box Widget Blog में क्यू add करें

जब कोई visitor आपके blog को open करेगा तो एक popup Facebook like box open होगा जिससे visitor या तो remove करेगा या फिर वो आपके Facebook page को like करेगा इससे आपका Facebook पर support बढेगा लोग आपके Facebook page को ज्यादा से ज्यादा like करेंगे।

Facebook Popup Like Box कब कब show होता है

ये popup widget आपके blog के हर page पर open नहीं होगा blog को किसी के open करने के बाद सिर्फ एक बार show होगा इसलिए आपके visitors को problem भी नहीं होगी अगर आप कुछ सोच रहे है की इसका look कैसा होगा तो जिस तरह ऊपर image में दिखाया गया है same वैसा इसका look होगा।

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

सबसे पहले अपने blog के Dashboard>>Layout पर जाये।
अब कहीं भी "Add a Widget" पर click करें।
HTML/Java script पर click कर ये code paste करें।

<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/jumedeenkhan&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="https://www.supportmeindia.com/blogger-me-facebook-popup-like-box-widget-kaise-add-kare/" rel="nofollow">SupportMeIndia</a></div>
</div>
</div>

4. Save पर click करने से पहले code में www.Facebook.com/jumedeenkhan की जगह अपने Facebook page का URL add कर लीजिये।

अगर ये trick काम नहीं करती है तो इसका मतलब है की आपके blog की template में पहले से jQuery code add है so code में सबसे ऊपर No.1 code को delete कर दीजिये।

Finally save arrangement पर click करने के बाद result check करें अगर अभी भी कही पर कोई problem है तो comment में अभी बताइये और हाँ हमारा Facebook page like जरुर करें।

साथ ही इस post को social media पर अपने सभी friends के साथ share जरुर करें ताकि आपकी वजह से किसी और की भी help हो सके।