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 करना है।

facebook Popup like box

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 करें

  1. सबसे पहले अपने blog के Dashboard>>Layout पर जाये।
  2. अब कहीं भी  “Add a Widget” पर click करें।
  3. 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 हो सके।

Avatar for Jumedeen Khan

by: Jumedeen Khan

मैं इस ब्लॉग का संस्थापक और एक पेशेवर ब्लॉगर हूं। यहाँ पर मैं नियमित रूप से अपने पाठकों के लिए उपयोगी और मददगार जानकारी शेयर करता हूं। ❤️

Comments ( 74 )

  1. hollow sir m free website bana chuka hu WordPress me
    or m chahata hu ki
    1.domen name kharidkar use karu
    2.filhal m hosting nahi chahta
    3.spa jarurat ho tab hosting kharidana chahata hu

    asisa kar sakata hu kya sir….

    Reply
    • aap jitne paise me WordPress blog me domain add karoge utne paise me hosting kharid sakte ho.

      Reply
  2. hollow sir m free website bana chuka hu WordPress me
    or m chahata hu ki
    1.domen name kharidkar use karu
    2.filhal m hosting nahi chahta
    3.spa jarurat ho tab hosting kharidana chahata hu

    asisa kar sakata hu kya sir

    Reply
  3. You made some clear points there. I did a search on the topic and found most people will go along with with your blog.

    Reply
  4. hello sir ,pls help me sir aapki website se maine dekh kar blog tou buna leya but sir facebook page add nahi ho pa reha kya kiya jaye sir jo mai fb page add kar saku

    Reply
  5. Bro mein jab google me apni site search kar rh hu to site k niche usme ye likha aata he . No posts. No posts. Home. Subscribe to: Posts (Atom). Simple template. Powered by Blogger..or koi post bhi show nhi ho rhi jab open kr rha hu to post show ho rhi hai..isko kaise thik krun plz suggest me..

    Reply
  6. Hii sir mere me the Facebook pupup nahi so ho raha hai air aap kah rage hai kee desktop me dikhata hai to phir aapme kyu dikha raha hai mobile me

    Reply
    • popp window new visitors yani first time hi show hota hai. har bar nahi.

      Reply
  7. mene upar wala code hatake dekh liya par kuch nahi ho rha bhayi kya karu.

    Reply
    • bahut si template me code kaam nahi karta.

      Reply
  8. bhaiy mere me kaam nhi kar rha he app plz mujhe bataiye ki konsa red color ka code delete karna. he

    Reply
    • only ye code delete karna hai

      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
       
       
      
      Reply
  9. hello sir plz ye bataiye ki aapki website mein sabse uper Jo images hai online Hindi me help internet ki poori jaankaari wo aapne kaise add ki plz tell me

    Reply
  10. Please m jana chata hu ki website describtion ko main page se kaise hatiaye or blog m home…contect us ……privecy..about us aisa head manu bar keaise dale please jald jald se batna ki kripa kare…

    Reply
    • iski jankari ke liye ye post pado Blog Ke Menu Ko edit kaise kare.

      Reply

Leave a Comment