Blogger में Facebook popup like box widget कैसे लगाये?

Facebook एक ऐसा social network हिया जिसके जरिये हम अपने family members, relatives और friends के साथ-साथ नए नए friends बना भी सकते हैं। जितने ये हमारे relation को strong करने में हमारी सहायता करता है उतना ही हमारे business और हमारे website या blog की traffic को बढ़ाने में भी सहायता कर सकते है। अगर आपने अपने ब्लॉग का Facebook page बनाया है तो daily आप ऊपर अपने ब्लगो से संबंधित updates देते होंगे, तो अपने अपने ब्लॉग पर Facebook like box लगाना ही चाहिए, ताकि आपके ब्लॉग पर आने वाले visitors आपके fb page के जरिए आपको follow कर सके।

Facebook like box widget का नाम तो आपने सुना ही होगा, मगर आज हम आपको Facebook popup like box widget के बारे में बताने जा रहे हैं।

Facebook popup like box widget क्या होता है?

मान लीजिये कि आपने Facebook like box widget को अपने ब्लॉग के sidebar में लगाया हुआ है, तो आपके ब्लॉग पर आने वाले visitors जब तक पूरा scroll down न कर लें तब तक आपका fb widget उन्हें नजर नहीं आएगा। लेकिन Facebook popup like box widget आपके visitor को popup के जरिए नजर आएगा जब वो आपके blog पर visit करेंगे। Popup का मतलब होता है एकदम से उनके सामने एक widget नजर आना।

Facebook Popup like box दीखता कैसा है?

Blogger में Facebook popup like box widget कैसे लगाये?

ऊपर दिए गए image की तरह ही Facebook popup like box नजर आता है, जो की आपके बल्ग के ऊपर show होगा और जिसे आपके पेज को like करना है वो directly like करेगा या फिर widget को close कर देगा।

Facebook popup like box widget लगाने के क्या फायदे होते हैं?

अगर आप पाने ब्लॉग पर fb popup widget use करते हो तो आपके ब्लॉग पर आने वाले सभी visitors को fb popup नजर आएगा और आपके fb page को like करने के chances maximum हो जाएंगे। जिससे आपके fb page के follower increase होंगे और आपके ब्लॉग का traffic भी increase होगा।

Blogger में Facebook popup like box कैसे लगाये?

अपने blogspot ब्लॉग में Facebook popup like box widget लगाने के लिए Layout >> Add a Gadget >> HTML/JavaScript पर जाये।

HTML/JavaScript पर क्लिक करने के बाद एक form open होगा वहां पर आपको नीचे दिए गए style code को यहां पर paste करना है।

Blogger में Facebook popup like box widget कैसे लगाये?

CODE :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <script src='https://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: WHITE; border: 2px solid #090909; -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: 10 }); }); </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/acchibaat" rel="nofollow" data-width="400" data-height="400" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div> <div id="Poweredby">Powered by: acchibaat</div> </div> </div>

Delay time : जो fb popup display होगा वो आपके ब्लॉग page load होने के 15 second के बाद ही visible होगा, अगर आप इस time को कम या ज्यादा करना चाहते हैं तो 15000 को कम या ज्यादा कर सकते है। (1000=1second)

इस code में https://www.facebook.com/KamaljeetDesaiofficial की जगह अपने Facebook page का URL डाले।

अगर आप अपने ब्लॉग पर आने वाले visitors को बार-बार fb pop दिखाना चाहते हैं तो $.cookie(‘popup_facebook_box’, ‘yes’, { path: ‘/’, expires: 10 }); को delete कर दें।

इतना करने के बाद Save button पर क्लिक करें। That’s it आपका Facebook popup widget ready है, आप अपने blog में visit करके इसे check कर सकते हैं कि ये ठीक से काम कर रहा है या नहीं। अगर इस tutorial के जरिए आप अपने ब्लॉग blog पर fb popup लगाने में success को गए है तो please comment के जरिए जरूर बताएं। HAPPY BLOGGING