Skip to main content

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

Comments

Popular posts from this blog

मोबाइल से LIC Premium Online कैसे Pay करें ~ 4 Easy Method

LIC क्या हैं (What is LIC in Hindi) LIC जिसका पूरा नाम Life Insurance Corporation of India हैं जो की भारत की सबसे बड़ी जीवन बीमा कंपनी हैं। इसकी स्थापना 1 सितम्बर 1956 में कई छोटी-छोटी Insurance Companies को एक साथ मिलकर की गई थी। यह कंपनी लोगों का जीवन बीमा करती हैं जिसमे कई सारे अलग-अलग टर्म प्लान हैं। Life Insurance के अंतर्गत बीमित व्यक्ति की मृत्यु हो जाने के पश्चात उस व्यक्ति के परिवार को मुआवजा मिलता हैं जिससे परिवार की आर्थिक मदद हो जाती हैं। जिसको आप LIC Insurance के Slogan “जिंदगी के साथ भी जिंदगी के बाद भी” से समझ सकते हैं। जिसका मतलब एलआईसी जीवन रहते आपकी और आपकी मृत्यु के बाद आपके परिवार का पूरा ख्याल रखता हैं। LIC Premium Online कैसे Pay करें (How to Pay LIC Premium Online in Hindi) दोस्तों Life Insurance हर किसी के लिए बहुत ही जरुरी हैं, जीवन बीमा करवाने से आपका और आपके बच्चो का जीवन आर्थिक रूप से सुरक्षित माना जाता हैं, और LIC एक सरकारी कंपनी हैं जहाँ पर आप बिना किसी डर के अपना जीवन बीमा करवा सकते हैं। यहाँ हम Online Lic किश्त भरने के 4 बेहतरीन तरीके बताने वाले हैं, इनमे...

Twitter से Video कैसे Download करें 2 मिनट में

Twitter से Video कैसे Download करें दोस्तों जुलाई 2022 की एक रिपोर्ट के अनुसार ट्विटर के कुल 238 मिलियन एक्टिव यूजर हैं और सिर्फ भारत में ही लगभग 24 मिलियन यूजर हैं जिससे आप इसकी लोकप्रियता का अनुमान लगा सकते हैं, लेकिन यहाँ से Photo और Video Download ना कर पाने की वजह से अगर आप भी परेशान हैं तो आपको बिलकुल भी परेशान होने की जरुरत नहीं हैं। क्योंकि आप यहाँ से थर्ड पार्टी ऍप और वेबसाइट का इस्तेमाल करके कोई भी ऍप या वीडियो डाउनलोड कर सकते हैं वो भी बहुत ही आसानी से और इन दोनों ही तरीको के बारे में हम इस पोस्ट के माध्यम से जानने वाले हैं तो चलिए Twitter से Video Download करने का तरीका जानने के लिए निचे बताये स्टेप को Follow करें। 1. Twitter से Video Download कैसे करें दोस्तों आप Twitter का इस्तेमाल अपने मोबाइल या Computer/Laptop किसी भी डिवाइस में करते हैं तो भी इस तरीके के माध्यम से आप बहुत ही आसानी से ट्विटर से वीडियो डाउनलोड कर पाओगे। तो चलिए स्टेप बाय स्टेप ट्वीटर से वीडियो डाउनलोड करना सिख लेते हैं। Step-1.  सबसे पहले अपने मोबाइल या Computer में किसी भी Browser में अपने Twitter A...

Play Store से App Download नहीं हो रहा हैं तो क्या करें जानें 2023

Play Store से App Download नहीं हो रहा हैं दोस्तों अगर आप अपने मोबाइल में Play Store से App Install नहीं हो रहा हैं Problem को Fix करना चाहते हैं तो इसके लिए आपको कुछ स्टेप को फॉलो करना पड़ेगा, हमारे द्वारा बताये उपाय के अलावा ऐसा कोई भी तरीका नहीं हैं जिससे आप Play Store से App Download Problem को फिक्स कर सकते हैं। इन तरीको को एक-एक करके अप्लाई करें उसके बाद फिर से अपने मोबाइल में App Download करने की कोशिश करें। क्योंकि किस स्टेप को अप्लाई करने से आपके मोबाइल में Playstore App Install Problem Fix होगी यह कोई तय नहीं हैं। तो चलिए निचे बताये स्टेप को सही-सही फॉलो करें इसके बाद लग भग तय हैं की आपके मोबाइल में प्लेस्टोर से ऍप डाउनलोड होना शुरू हो जायेगा। तो चलिए एक-एक करके सारे तरीके विस्तार से जान लेते हैं। 1. अपना इंटरनेट कनेक्शन जाँचे यह एक आम समस्या हैं जो लगभग अधिकतर लोगों के मोबाइल में देखने को मिलती हैं, कई बार जब हम Playstore से ऍप इनस्टॉल करने की कोशिश करते हैं और हमारे मोबाइल में Internet Connection सही नहीं होता हैं जिसकी वजह से हमें ऍप इनस्टॉल करने में परेशानी का सामना करना प...