Blogger में फेसबुक Like Popup Box Widget कैसे जोड़े?पूरी जानकारी हिंदी में।

Blogger में Facebook के जरिये सबसे ज्यादा ट्रैफिक आता है जिस वजह से ब्लॉगर को फेसबुक से जोड़ना बहुत जरुरी है अपने काफी सारी वेबसाइट में देखा होगा जब आप वेबसाइट को ओपन करते है तो एक फेसबुक का पॉपअप बॉक्स खुलता आज की इस पोस्ट में हम यही जानेगे की Facebook Like पॉपअप बॉक्स widget अपने Blogger में कैसे Add करते है।

Facebook Popup Like box widget क्यों जोड़े करे?

जब कोई विजिटर आपके ब्लॉग पर पहली बार आता है तो आपके ब्लॉग पर आपके फेसबुक का पॉपअप Like बॉक्स खुलता है जिस से विजिटर या तो उस Like बॉक्स को बंद करता है या फिर आपके फेसबुक को Like करता है। ये फेसबुक पॉपअप Like बॉक्स विजिटर को सिर्फ एक बार दिखता है जिससे विजिटर को वेबसाइट पढ़ने में कोई परेशानी भी नहीं होती है।और पॉपअप Like बॉक्स का विजिटर पर एक अच्छा इम्प्रैशन पड़ता है।

फेसबुक Popup Like Box Widget ब्लॉगर में कैसे जोड़े?:-

ब्लॉगर में फेसबुक पॉपअप Like Widget जोड़ने के लिये। पहले आप  निचे दिये बॉक्स में से कोड कॉपी कर ले।
Note:- कॉपी किये गये कोड में फेसबुक URL https://m.facebook.com/hindimeinfos की जगह पर अपना फेसबुक URL डाले।

<script src='http://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://m.facebook.com/Raaz-Tech-Info-151570398659892&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"> </div> </div> </div> .

• कोड को कॉपी करने के बाद अपने ब्लॉगर को लॉगिन करे।

1.उसके बाद Layout पर क्लिक करे।
2.Add widget पर क्लिक करे।

3.HTML/JavaScript पर क्लिक करे अब एक पॉपअप विंडो खुलेगी।-

4. यहाँ पर Title भरे या फिर इसे खाली भी रख सकते है।
5. यहाँ पर ऊपर जो कोड कॉपी किया था उसमे Facebook URL बदलने के बाद यहाँ पेस्ट कर दे।
6. फिर Save पर क्लिक करे।अब आपके ब्लॉग में फेसबुक पॉपअप Like widget जुड़ गया है।

अगर आपको ये पोस्ट पसंद आयी  हो तो कृपया अपने दोस्तों के साथ  शेयर करना न भूले। अगर इससे सम्बंधित कोई भी परेशानी आ रही है तो आप हमें कमेंट में लिख सकते है।