Facebook Popup Like box Blogger Me Kaise Add Kare

अगर आप अपने Facebook Page पर अधिक-से-अधिक likes पाना चाहते है तो facebook popup like box आपकी मदद कर सकता है। मैंने पहले facebook like box ko blogger ke sidebar ya footer me add karne के बारे में बतलाया था।

आज मैं आपको इस पोस्ट में facebook popup like box widget ko blogger me add karne के लिए बताऊंगा।

facebook popup like box blogger me kaise add kare

Facebook Popup Like Box Kya Hai ?

अपने FB page पर likes को increase करने के लिए facebook popup like box बहुत ही अच्छा widget है। इस widget को अपने blog या website पर show करने के लिए facebook popup like box code को blog के sidebare या footer में add करना पड़ेगा।

Facebook like box code को blog में add करने के बाद जो भी visitors आपके site पर visit करेगे, उनके सामने यह facebook like box, popup के रूप में open होगा। Visitors उस fb like box के जरिये या तो आपके fb page को like करेगे या फिर close कर देगें।

मेरे हिसाब से तो यह facebook popup like box, आपके फेसबुक पेज पर likes बढ़ाने में 95 % काम करेगा। इस fb like box में आपके पेज को like करने वाले visitors का numbers और photo दोनो show होगा। यदि likes अधिक होंगे तो visitors का आपके ब्लॉग के प्रति विश्वास भी बढ़ेगा और अधिक-से-अधिक लोग आपको follow करेगे।

यह facebook popup like box आपके साइट पर बार-बार show नहीं होगा। सिर्फ एक बार किसी visitors के आपके blog पर आने पर show होगा। यह ब्लॉग के हर पेज पर show नहीं होगा। इसलिए इससे visitors को भी परेशानी नहीं होगी।

Facebook Popup Like Box Widget Ko Blogger Me Kaise Add Kare ?

Facebook popup like box को ब्लॉग में add करना बहुत ही आसान है। बस आपको नीचे दिए गए steps को अच्छी तरह से follow करना है।

Step 1 : सबसे पहले अपने blogger account में login करके Dashboard पर जाए और फिर Layout पर क्लिक करें।

click on layout

Step 2 : Footer या Sidebar section के “Add a Gadget” link पर क्लिक करे। Footer में यह widget add करे तो अच्छा रहेगा।

click on add a gadget link

Step 3 : “Add a Gadget” की link पर क्लिक करने के बाद एक new window open होगा। बहुत सारे Gadget के list होंगे। आपको लिस्ट में से HTML/JavaScript को select करना है और फिर उस पर क्लिक कर देना है।

click on html javascript widget

Step 4 : अब नीचे दिए गए Faceook popup like box code को copy कर ले और फिर Gadget के content area में paste कर दे।

paste facebook popup like box code in content area

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js’ type=’text/javascript’></script>
<style>
#popupFbLikeBox {display:none;position:fixed;background:rgba(0,0,0,0.7);height:100%;width:100%;left:0;top:0;z-index:99999;}
#popupArea {position:absolute;background:white;height:270px;width:auto;left:63%;top:58%;border-radius: 5px;margin:-220px 0 0 -375px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#popupClose{text-align:center;padding:10px;position:relative;cursor:pointer;background: linear-gradient(#eee, #fff);border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000;}
#popupClose:hover{color:red;}
.fbLikeboxArea {margin:0 auto;width:366px;height:1px;margin-top:16px;margin-left:20px;position:relative;}
@media only screen and (max-width: 500px) {
#popupArea{left:63%;top:58%;margin:-220px 0 0 -250px;}
.fb-like-box,.fb-like-box span,.fb-like-box span iframe[style]{width: 100% !important;}}
</style>
<script>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// 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() : ”,
options.path ? ‘; path=’ + options.path : ”,
options.domain ? ‘; domain=’ + options.domain : ”,
options.secure ? ‘; secure’ : ”
].join(”));}
//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>
jQuery(document).ready(function($){
if($.cookie(‘logedin_user’) != ‘yes’){
$(‘#popupFbLikeBox’).delay(2000).fadeIn(‘medium’);
$(‘#popupClose’).click(function(){
$(‘#popupFbLikeBox’).stop().fadeOut(‘medium’);
});
}
$.cookie(‘logedin_user’, ‘yes’, { path: ‘/’, expires: 7 });
});
</script>
<div id=’popupFbLikeBox’>
<div id=’popupArea’>
<div id=’popupClose’>CLOSE
</div>
<div class=’fbLikeboxArea’>
</div>
<iframe allowtransparency=’true’ frameborder=’0′ scrolling=’no’ src=’//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/newfeatureblog&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false’
style=’border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;’></iframe>
</div>
</div>

 

Configuration :

  • Code में https://www.facebook.com/newfeatureblog के place पर आप अपने facebook page का URL लिखें।
  • By default, यह widget आपके blog के पूरी तरह से load होने के 2 seconds बाद show होगी। यदि आप इसके time को increase या decrease करना चाहते है तो कर सकते है। जैसे कि code में “delay(1000)” डालने पर 1 second के बाद popup like box open होगा तथा “delay(4ooo)” डालने पर 4 seconds के बाद show होगा।

Step 5 : Lastly, Save button पर क्लिक कर दे।

आपने successfully इस widget को अपने blog में add कर लिया है। Facebook popup like box widget ko blogger me add karne में कोई भी problem आती है तो मुझे comment करे।

इसी तरह का पोस्ट direct अपने email पर पाते रहने के लिए अभी subscribe करे। पोस्ट पसंद आया हो तो like और share जरूर करे।

You May Also Like

About the Author: Himanshu Kumar

Hellow friends, welcome to my blog NewFeatureBlog. I am Himanshu Kumar, a part time blogger from Bihar, India. Here at NewFeatureBlog I write about Blogging, Social media, WordPress and Making Money Online etc.

1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *