Blogger Me Facebook Popup Like Box Widget Kaise Add Karte Hai

onlinejankariLast Updated: December 31, 2016

4 631 4 minutes read

Har koi janta hai ke Facebook ketna popular social networking site hai, Jis par visitor ghanto ghanta lage rahte hai. Jab koi blogger apna new blog website banate hai to unke liye apne blog par traffic badhana bahut impotent hota hai. Facebook ek aisa tarika hai jisse asani se kisi bhi blog par traffic badhaya ja sakta hai. Is article me mai aapko batane jaraha hun ke blogger blog me facebook popup like box widget kaise add karna hai uski puri jankari.

Aapne bahut sari aisi website dekhi hogi jab us blog ko open karte hai to usme kuch second ke bad ek facebook like box popup open hota hai. Ye bahut hi achha tarika hota hai logo se facebook par contact karne ka.

Facebook Popup Like Box Widget Blog Me Kyu Add Karte hai ?

jab koi visitor aapke blog par ayega to uske samne facebook like box ka ek popup open hoga. Jab visitor isse dekhega to aapke page ko like jarur karega ya fir use remove karega. isse aapke facebook page par support badega. or log aapke page ko jada se jada like karenge. Aj kal to bahut sari company paise de kar apne page ko like karwati hai.

Jab aap apne blog par widget popup lagenge to Isse aapke visitor ko kio problam nahi hoga. Kuy ke jab aapke website par koi visitor ayega to jo page open karega usme srif ek bar hi like box open hoga. Or jab use close kar diya jayega to vo fir dobara show nahi hoga. iska look aap upar diye gaye image me dekh sakte hai same aisa hi aapke blogger blog me bhi show hoga.

Blogger Blog Me Facebook Popup Like Box Widget Kaise Add Karte hai ?

Iske liye Sab se pahle aapko apna facebook like page bana hoga Agar abhi tak nahi banaya hai to pahle facebook like page banaye. (Facebook like page kaise banate hai uske liye yaha cllick kare)

To dosto ab ham man ke chalte hai ke aapne facebook par apna like page bana liya hai ab ise blogger me kaise add karna hai uske bareme janege. Ye karna bahut hi simple hai bas aapko niche diye gaye code ko blogsport blogger me ja kar kahi par bhi widget me ye code pest kar dena hai.

Sab se pahle aap blogger Dashboard >> Layout par jaye.
Ab kahi par bhi “Add a Gadget” par click karna hai.
Ab jo popup open hoga usko toda sa scroll karke “HTML/Java Script” par click kare.

Blogger Layout Add Gadget

Or ye code ko copy kar ke widget section me isse pest karde na hai.

Facebook Popup Like Box Widget Codes

<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: #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: 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/onlinejaankari" 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: <a style="padding-left: 0px;" href="https://www.onlinejankari.net" rel="nofollow">Online Jankari</a></div>
</div>
</div>

Title : isko khali chode dena hai
“hrrps://www.facebook.com/onlinejaankari” iski jagah apna facebook page Url dalna hai.
And Last me save button par click kar ke save kar lena hai.

Time Delay:
Agar aap chahe to loading time change kar sakte hai 15 seconds bad Popup like box page open ho to iske liye 15000. set karna hoga 10 seconds ke liye 10000. change karne ke liye bas aap upar me red mark delay(15000) ko edit karna hai.

Powered by:
Or aap chahte hai ke Powered by me aapke blog ka link or name show ho to uske liye Sab se niche me href=”https://www.onlinejankari.net” rel=”nofollow”>Online Jankari ki jagah apne blog ka url or name add kar sakte hai.

Agar ye trick kaam nahi karta hai to iska matlab hai aapke blog ke template me pahle se jquery code add hai. Iske liye aapko code me sabse upar top par no.1 code ko delete kar dena hai.

To dosto dekha aapne ketne asani se apne blogger blog par html java script code ko use kar ke like page popup add kar liya hai. New tab me blog ko open kar ke dekh le agar koi problem horaha hai to comment kar ke puch sakte hai. or hamre facebook page ko like karna na bhule.

Ye bhi padhe…