Blogger me facebook popup like box widget kaise lagaye ?

Facebook ek aisa social network hai jiske jariye hum apne family members, relatives or friends ke sath sath naye naye friends bhi bana sakte hai.. Jitna ye hamare relation ko strong karne me hamari help karta hai utna hi hamare business or hamare website ya blog ki traffic ko badhane me bhi help kar sakte hai. Agar aapne apne blog ka Facebook page banaya hai to daily aap uspar apne blog se related updates dete hoge, to aapko apne blog par Facebook like box lagana hi chahiye, taki aapke blog par aane wale visitors aapke fb page ke jariye aapko follow kar sake.

Facebook like box widget ka naam to aapne suna hi hoga, magar aaj hum aapko Facebook popup likebox widget ke bare me batane ja rahe hai ..

Facebook popup like box widget kya hota hai ?

Maan lijiye ki aapne apne Facebook like box widget apne side bar me lagaya hua hai , to aapke blog par aane wale visitors jab tak pura scroll down na kar le tab tak aapka fb widget unhe najar nahi aayega.. But Facebook popup like box widget aapke visitor ko popup ke jariye najar aayega jab wo aapke blog par visit karenge. Popup ka matlab hota hai ekdum se unke samne ek widget najar aana.

Facebook Popup like box dikhta kaisa hai ?

Upar diye gaye image ki tarah hi Facebook popup like box najar aate hai, jo ki aapke blog ke upar show hoga or jisay aapke page ko like karna hai wo directly like karega ya fir widget ko close kar dega.

Facebook popup like box widget lagane ke kya fayde hote hai ?

Agar aap apne blog par fb popup widget use karte ho to aapke blog par aane wale sabhi visitors ko fb popup najar aayenge or aapke fb page ko like karne ke chances maximum ho jayenge. Jissay aapke fb page ke follower increase honge or aapke blog ka traffic bhi increase hoga.

Blogger me Facebook popup like box kaise lagaye ?

Apne blogspot blog me Facebook popup like box widget lagane ke liye Layout >> Add a Gadget >> HTML/JavaScript par jaye.

HTML/JavaScript par click karne ke bad ek form open hoga waha par aapko niche diye gaye style code ko yaha par paste karna hai..

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 : Jo fb popup display hoga wo aapke blog page load hone ke 15 second ke bad hi visible hoga, agar aap is time ko kam ya jyada karna chahte hai to ko 15000 ko kam ya jyada kar sakte hai (1000=1second)

Is code me https://www.facebook.com/acchibaat ki jagah apne facebook page ka url dale.

Agar aap apne blog par aane wale visitors ko bar-bar fb pop dikhana chahte hai to $.cookie(‘popup_facebook_box’, ‘yes’, { path: ‘/’, expires: 10 }); ko delete kar de.

Itna karne ke bad Save button par click kare. That’s it aapka facebook popup widget ready hai, aap apne blog me visit karke isay check kar sakte hai ki ye thik se kaam kar raha hai ya nahi. Agar is tutorial ke jariye aap apne blog par fb popup lagane me success ko gaya hai to please comment ke jariye jarur bataye. HAPPY BLOGGING

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.