Blogger Me Facebook Popup Like Box Widget Kaise Add Kare

Facebook bahut hi acha tarika hai apne blog ki traffic badhane ka. aapne bahut si websites blogs par dekha hoga ki jab hum use open karte hai to ek popup facebook like box khulta hai. aaj mai aapko usi ke bare me btane ja raha hu ki facebook popup like box ko blog me kaise add karte hai. ye bahut hi acha way hai logo se facebook par contact karne ka. or facebook like bnox ko blogger me add karna bhi bahut saral hai. aapko apne blog me sirf ek widget add karni hai.

 

Facebook Popup Like Box Widget Blog Me Kyu Add Kare

jab koi visiter aapke blog ko open karega to ek popup facebook like box open hoga. jisse visiter ya to remove karega ya fir wo aapke facebook page ko like karega. isse aapka facebook par support badega. log aapke facebook page ko jada se jada like karenge.

Facebook Popup Like Box Kab Kab Show Hota Hai

ye popup widget aapke blog ke har page par open nahi hoga. blog ko kisi ke open karne ke bad sirf ek bar show hoga. so aapke visitors ko problem bhi nahi hogi. agar aap soch rahe hai ki iska look kaisa hoga to jis tarah upar image me dikhaya gaya hai same waisa iska look hoga.

Blogger Me Facebook Popup Like Box Widget Kaise Add Kare

1. Apne Blog ke Dashboard>>Layout par jaye.

2. ab kahi bhi “Add aWidget” par click kare.

3. HTML/Javascript par click kar ke ye code paste kare.

 

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

 <style>

#fanback {

display:none;

background:rgba(0,0,0,0.8);

width:100%;

height:100%;

position:fixed;

top:0;

left:0;

z-index:99999;

}

#fan- {

width:100%;

height:100%;

}

#fanbox {

background:white;

width:420px;

height:270px;

position:absolute;

top:58%;

left:63%;

margin:-220px 0 0 -375px;

-webkit-box-shadow: inset 0 0 50px 0 #939393;

-moz-box-shadow: inset 0 0 50px 0 #939393;

box-shadow: inset 0 0 50px 0 #939393;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: -220px 0 0 -375px;

}

#fanclose {

float:right;

cursor:pointer;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-tiNeIHZkfAVRlkiJk_GH8-JtXNLQvKMgGss1HpqXT9vO8JRg1IncoyI92Q7dxWvfMbaIT_4lSWcHBaUbx6fGXOTOO750kSwL4AlS0TlOAUleZ7hcYRb-KtZy720q4__qyeZfRfaT2sx/s1600/fanclose.png) repeat;

height:15px;

padding:20px;

position:relative;

padding-right:40px;

margin-top:-20px;

margin-right:-22px;

}

.remove-borda {

height:1px;

width:366px;

margin:0 auto;

background:#F3F3F3;

margin-top:16px;

position:relative;

margin-left:20px;

}

</style>

<script type='text/javascript'>

//<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") {

options = jQuery.extend({}, options);

if (value === null || value === undefined) {

options.expires = -1;

}

if (typeof options.expires === 'number') {

var days = options.expires, t = options.expires = new Date();

t.setDate(t.getDate() + days);

}

value = String(value);

return (document.cookie = [

encodeURIComponent(key), '=',

options.raw ? value : encodeURIComponent(value),

options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE

options.path ? '; path=' + options.path : '',

options.domain ? '; domain=' + options.domain : '',

options.secure ? '; secure' : ''

].join(''));

}

// key and possibly options given, get cookie...

options = value || {};

var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;

return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;

};

//]]>

</script>

<script type='text/javascript'>

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

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

$('#fanback').delay(100).fadeIn('medium');

$('#fanclose, #fan-exit').click(function(){

$('#fanback').stop().fadeOut('medium');

});

}

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

});

</script>

<div id='fanback'>

<div id='fan-exit'></div>

<div id='fanbox'>

<div id='fanclose'></div>

<div class='remove-borda'></div>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=http://www.facebook.com/mr.cbsen&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>

</div>

</div>

 4. Save par click karne se pahle code me onlinehindimehelp ki jagah apne facebook page url add kar le.

5.  agar trick kaam nahi karti hai to iska matlab ha aapke blog ki template me pahle se jquery code add hai. so code me sabse upar red color ke code ko delete kar de.

Finaly save arrangement par click karne ke bad result check kare. agar kahi par koi problem ho to comment ke throw puch sakte ho