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

Facebook poplike Box Blogger Me Kaise Add Kare
Photo of author

By Admin

Facebook Popup Like Box Blogger me Kaise Lgate hai? हमने पिछली Post में डाला है कि Blogger में Facebook Like Box Kaise Lgate hai? वह मैंने बहुत ही अच्छी तरह से लिखा है और आपको समझ में भी आया होगा लेकिन मैं आज यहां Facebook Popup Like Box Kaise Add karte hai? इसके बारे में पूरी जानकारी देने जा रहा हूं |
FB me Popup Box kya Hota Hai? Facebook Popup Like Box वह होता है जब किसी website पर हम एंट्री करते हैं तब बीच में सामने से Ek Popup Box सामने आ जाता है वह किसी भी प्रकार का हो सकता है जैसे Facebook पर Box या share button Popup Like Box, subscribe Popup Box, जैसे और भी कई Popup Box सामने आ जाता है | उसी प्रकार Blogger में  Facebook Popup Like Box Automatic सामने आ जाता है फिर उसको कोई भी Like कर सकता है और Blogger में Facebook Popup Box लगाकर Likes बढ़ा सकते हैं। अब हम यहां जानेंगे Facebook Popup Likes Box Kaise Blogger में Add करते हैं।

Facebook Popup Like Box Blogger Me Kaise Add Kare

(How To Add Facebook Popup Like Box in Blogger in Hindi). A Facebook Popup Like Box Add करने के लिए नीचे दिए गए steps को follow करें

  1. First of all Blogger.com लॉगिन करें
  2. फिर dashboard  में जाए or layout पर क्लिक करें
  3. Add a widget पर क्लिक करें
  4. फिर HTML /JavaScript पर क्लिक करें
  5. नीचे दिए गए code को copy करके 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/Howhindi&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://Howhindi.com/Facebook-Popup-Like-Box-Blogger-me-Kaise-Add-Kare" rel="nofollow">Howhindi</a></div>
</div>
</div>
इस code में Www.Facebook.com/HowHindi कि जगह पर आप अपना Facebook Page Username डालें।
5. Last में save button पर क्लिक करें।
Note:-
  • अगर यह code काम नहीं करती है तो code के ऊपर ही ऊपर यह code हटा दे
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

क्योंकि आपके Blogger template में jQuery code पहले से ही Add है। इसलिए यह कोड हटाना होगा

Note-  Facebook Like Popup Box एक बार SHow होगा
आप इस code में देखेंगे कि .delay(5000) लिखा हुआ है  यह 5 सेकंड के लिए Facebook Like Popup Box दिखाई देगी। उसको आप चेंज कर सकते हैं।

Facebook Popup Like Box Time Kaise set करें

Facebook Like Popup Box time नीचे की दिए गए इस प्रकार सेट कर सकते हैं
.delay(5000)=5 second के लिए
.delay(10000)=10 second के लिए
.delay(15000)=15 second के लिए
.delay(20000)=20 second के लिए
.delay(25000)=25 second के लिए
.delay(30000)=30 second के लिए
 इस प्रकार आप अपने इच्छानुसार टाइम सेट कर सकते हैं।
अगर आपको Facebook Like Popup Box Everytime Show करना चाहते हैं, तो निचे बताये स्टेप को follow कीजिये-

Facebook Like Popup Box every time Kaise Lagaye Everytime Show के लिए

Facebook Like Popup Box Everytime दिखाने के लिए code में से यह code हटा दे यानि की आप अगर अपने blog me Sabhi Time, All Time Facebook Popup Box लगाना चाहते है तो निचे बताये गये code को remove करना होगा
  1. .delay(5000)
  2. और सेव कर दे।
इस प्रकार Facebook(FB) Like Popup Box Blogger Me Add कर सकते हैं। और Facebook Page  Likes bada Sakte hai
अब आप समझ गए होगे Facebook पेज Like Popup Box Blogger मे Kaise Lgate hai अगर आपको Facebook Popup Like Box लगाने में कोई problem आती है तो नीचे कमेंट करके सवाल पूछ सकते हैं धन्यवाद।

22 thoughts on “Facebook Popup Like Box Blogger में कैसे Add करें”

  1. Very nice post sir,
    Maine apki post ko padha, mujhe is post me bahut achhi jankari mili. Apka ye post mere liye bahut helpful sabit hua. Aap ne is blog me bahut achhe achhe post share karte hai. Isliye maine apki blog ko subscribe kar liye hoon.

    Reply
  2. sir yeh popup like box mobile me bhi open hoga na mtlb responsive hai na..kyoki jyada visitors mobile se aate hai to like bhi badenge

    Reply
  3. Sir Mere Website Me To Aapne Diya Gaya Code Kuch Bhi Work Nahi Karta Jabki Mene Koi Bhi Code Use Nahi Kiya H

    Check This :-newsjanta.blogspot.com

    Reply
    • nilesh ji blogger par pop up like box lgane ke liye CSS me jake add kare..mene jo bhi sahi code diya hai..css code me code add krne ka tarika aapko aana chahiye.

      Reply
  4. sir mene apka diya hua code copy kiya to apka fb ka popup like box khula mene apna use name usme add kiya to work nhi kar raha..ab kya karu sir

    Reply
  5. Excellent blog you have here.. It’s hard
    to find high-quality writing like yours these days. I really appreciate individuals like
    you! Take care!!

    Reply

Leave a Reply to Aman Cancel reply