Friday, 17 March 2017

Apne Blog Me Facebook Popup Like Box Kaise Lagaye ?

Facebook Popup Like Box Kya Hain Aur Kaise Add Kare Apne Blog Ya Website Me

दोस्तों आज के इस आर्टिकल में जानते हैं क्या हैं. ये  फेसबुक Popup Like Box और इसे क्यों अपने ब्लॉग या वेब साईट पर ब्लॉगर इसे लगाते  हैं और  इससे क्या फायदे मिलता हैं  हमारे ब्लॉग को . और इसे कैसे लगाते हैं अपने ब्लॉग या वेब साईट पर?
तो आईये सबसे पहले जानते हैं क्या होता हैं Facebook Popup Like Box और इसे क्यों Use करते हैं Blogger ?
दोस्तों जैसा की हम सभी ब्लॉगर का सबसे पहला उद्देश्य यही होता हैं की हमारे Blog पर ज्यादा से ज्यादा  Visitors आये और हमारे ब्लॉग Traffic बढे. अपने Blog या Website की Traffic बढाने के लिए हमेशा हम सोशल मिडिया का सहारा लेते हैं. और सोशल मिडिया से ही हमारे ब्लॉग पर ट्रैफिक आती हैं. इस लिए हम सभी ब्लॉगर इसका सहारा लेते हैं. 
Blog-Me-Facebook-Popup-Like-Box-widget-Kaise-Add-Kare

सोशल मिडिया में सबसे ज्यादा फेमस फेसबुक हैं जहा हमें अपने ब्लॉग से सम्बन्धित  Visitors मिलते हैं. और Facebook भी  हमारे Blog या Website की Traffic बढाने में मदद करता हैं. और इसमे सबसे अहम् भूमिका अदा करता हैं Facebook Page जिसे हम बनाते हैं. और उसमे ज्यादा से ज्यादा लोगो को जोड़ते हैं. जितने ज्यादा लोग हमारे फेसबुक पेज से जुड़े होंगे उतना ही फायदा हमारे ब्लॉग को होगा ट्रैफिक को बढ़ाने में.

तो दोस्तों अपने ब्लॉग की Traffic को बढाने के लिए हम  Facebook Popup Like Box का Use करते हैं. ताकि ज्यादा से ज्यादा Facebook followers बने.. और फेसबुक के जरिये हमारे Blog Ya Website पर आये और हमें अच्छी ट्रैफिक  मिल सके. 

 Popup Like Box kaise Kaam Karata Hain ? 

इसे हम अपने ब्लॉग पर कोडिंग के माध्यम से ऐड करते हैं और जब हमारे ब्लॉग को कोई ओपन करता हैं तब ये कुछ सेकेण्ड के बाद ऑटो ओपन हो जाता एक छोटे से बॉक्स के रूप में. और हमारे ब्लॉग पर आये हुए Visitors उसे Like करते हैं और हमारे Facebook Page से जुड़ जाते हैं.. Popup Like Box से हमें ये फायदा होता हैं की हमारे Facebook Page पर  Followers की संख्या बढती हैं..  और जब हम फेसबुक पर कोई पोस्ट शेयर करते हैं तब वहा से यूजर हमारे ब्लॉग पर आते हैं...
तो देर कैसी आईये सीखते हैं कैसे लगाते हैं Popup Like Box widget और क्या हैं इसका Code ? 

दोस्तों इस widget का Code आप को नीचे दिया जा रहा हैं इसे आप पूरा कॉपी कर ले और इसे WordPad पर पेस्ट कर ले और इसे थोडा Edit कर ले. आप को  Code में Rad Color में wahh का फेसबुक पेज का Link दिख रहा होगा उसे हटा कर अपने Facebook पेज का Link ऐड कर दे और उसके बाद वह से पुरे कोड को कॉपी कर ले ...



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

<script src='http://aireshalili.github.io/internetsmash/facebook-popup-box.js' type='text/javascript'></script>


<div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=124246297655999&version=v2.3";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<style>

#fb-box-background {display: none;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}

#fb-box-close {width: 100%;height: 100%;}

#fb-box {background: #eaeaea;border: 2px solid #3A3A3A;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 4px 10px 4px 10px;border-radius: 5px;position:absolute;top: 40%;left: 40%;margin-top: -50px;margin-left: -50px;}


#fclose-button {position: absolute;top: -10px;right: -10px;background: #fff;font: bold 16px Arial, Sans-Serif;text-decoration: none;line-height: 22px;width: 22px;

text-align: center;color: #000000;border: 2px solid #2F2F2F;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);

box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 25px;cursor: pointer;}

#fclose-button:before {content: "X";}

#Poweredby,#Poweredby a.visited,#Poweredby a,#Poweredby a:hover {color: #aaaaaa;font-size: 9px;text-decoration: none;text-align: center;padding: 5px;}

#follow-us{font-size: 1.7em;color: #010069;}

</style>

<script type='text/javascript'>

jQuery(document).ready(function($){

if($.cookie('popup_facebook_box') != 'yes'){

$('#fb-box-background').delay(15000).fadeIn('medium');

$('#fclose-button, #fb-box-close').click(function(){

$('#fb-box-background').stop().fadeOut('medium');

});

}

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 2 });

});

</script>

<div id='fb-box-background'>

<div id='fb-box-close'>

</div>

<div id='fb-box'>

<div id="follow-us">Follow us on Facebook</div>

<div id='fclose-button'>

</div>

<div class="fb-page" data-href="https://www.facebook.com/wahhjiwahh" rel="nofollow" data-width="400" data-height="400" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div></div></div>



 दोस्तों अब अपने Blogger को लॉग इन कर के ओपन कर ले और  Layout पर क्लिक करे  जैसे ही क्लिक करते हैं तब एक और पेज ओपन होगा वहां पर Gadget  में जाकर क्लिक करे तब एक छोटा  सा बॉक्स खुलेगा Add a Gadget का उसमे आप को सलेक्ट करना हैं  HTML/JavaScript बॉक्स को  नीचे दिए गए चित्र की तरह...


अब  Copy किया गया Code उस Box में Paste कर दे .. और Save का बटन दबा दे. और उसके बाद आप Save Arrangemernt पर Click कर Ok कर दे 


अब आप का Facebook Popup Like Box widget आप के ब्लॉग में Add हो गया जब भी कोई visitors आप का ब्लॉग Open करेंगा तब कुछ ही पालो में फेसबुक पेज का Popup Like Box ओपन हो जायेगा नीचे दिए गए चित्र की तरह 



दोस्तों अब आप ने अपने पेज पर Popup Like Box  widget लगाना सीख ही लिया होंगा. अगर आप को ब्लॉग या वेबसाइट पर लगाने में किसी भी प्रकार की कोई परेशानी आ रही हो तो हमसे पूछ सकते हैं कमेंट्स के जरिये..





Previous Post
Next Post

About Author

0 comments: