Facebook (Popup Like Box Blogger) Blog Me kaise add kare

Facebook popup like box widget for blogger

blog me Facebook popup like box kaise add kare Facebook k Useful awesome pop-up like box k bare main mei aj ap ko btaun ga ke hum facebook popup like box gadget blogger blog website par kaise "lagaye" Any person ko information hai ke Facebook popular social networking site hai, Jis par visitor unlimited time spend karte hai. Newbie blogger apna new blog website banate hai to unke liye apne blog par traffic increase karna bahut important hota hai. Facebook ek aisa tarika hai jisse asani se kisi bhi blog par traffic badhaya ja sakta hai.

Live demo

Apne baht sari website blog dekhe honge jab article reading ke liye blog ko open karte hai to us me some seconds ke bad ek (facebook popup like box open hota hai). Ye bahut hi achha tarika hota hai Facebook fan likes increase and friends se facebook par contact karne ka.

Facebook popup like box blogger blog me add karne ke kiya benefit hain?

Blog website par Facebook like box add karne se hame unlimited benefit mile ge. Apnea blog me Facebook like box Laguna baht jarory hain kyon ki isse aapke facebook fan page ke likes and site ke subscriber increase hote hai, Ab aap soch rahe honge ki isse subscriber ka kya sambandh hai.

to me aapko batana chahunagi ki jab koi aapke Fb page ko like karta hai to vo aapke page ka subscriber ban jata hai matlab jab aap apne blog par koi new post publish karte hai aur use apne Facebook page par promotion share karte hai to vo post un subscriber tak automatically paunch jati hai or use Read karne ke liye click karte hai to aapke blog par a jate hai Jesse aapke blog ka traffic increase hota hai.

Facebook Popup Like Box Blogger me kaise lagaye

1. Go to blogger dashboard "Layout" par press kare,
2. Side bar me Add a gadget par click kare,
3. Widgets me se HTML java script par click kare,
4. Popup window me title name de example, my fans page , connect with Facebook etc 
5. Yaha niche "popup like box ki coding copy kar ke " past" kar de

<style type="text/css">#fb-back { display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999;} #fb-exit { width: 100%; height: 100%; } .fb-box-inner { width:300px; position: relative; display:block; padding: 20px 0px 0px; margin:0 auto; text-align:center; } #fb-close { cursor: pointer; position: absolute; top: 5px; right: 5px; font-size: 18px; font-weight:700; color: #000; z-index: 99999; display:inline-block; line-height: 18px; height:18px;width: 18px; } #fb-close:hover { color:#06c; } #fb-box { min-width: 340px; min-height: 360px; position: absolute; top: 50%; left: 50%; margin: -220px 0 0 -170px; -webkit-box-shadow: 0px 0px 16px #000; -moz-box-shadow: 0px 0px 16px #000; box-shadow: 0px 0px 16px #000; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; background: #fff; /* pop up box bg color */ border-bottom: 40px solid #f0f0f0; /* pop up bottom border color/size */ } .fb-box-inner h3 { line-height: 1; margin:0 auto; text-transform:none;letter-spacing:none; font-size: 23px!important; /* header size */ color:#06c!important; /* header color */ } .fb-box-inner p { line-height: 1; margin:0 auto 20px;text-transform:none;letter-spacing:none; font-size: 13px!important; /* header size */ color:#333!important; /* text color */ } a.fb-link { position:relative;margin: 0 auto; display: block; text-align:center; color: #333; /* link color */ bottom: -30px; } #fb-box h3,#fb-box p, a.fb-link { max-width:290px; padding:0; } </style> <!-- facebook plugin --><div id='fb-back'><div id="fb-exit"> </div><div id='fb-box'> <div class="fb-box-inner"> <div id="fb-close">X</div><!-- edit your popup header text here --><h3>Like me?</h3><!-- edit your supporting text here --><p>Show your Support. Become a <b>FAN!</b></p><!-- edit your fb name below --> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloggerdsense&width=290&height=275&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false'style='border: 0 none; overflow: hidden; width: 290px; height: 270px;text-align:center;margin:0 auto;'></iframe><!-- edit your supporting link here --><a class="fb-link" href="//bloggerdsense.blogspot.com">Contact Us</a> </div></div></div><!-- popup plug-in snippet --><script type='text/javascript'>//<![CDATA[ //grab user's browser info and calculates/saves first visit jQuery.cookie = function (key, value, options) { 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() : '', options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : ''].join('')); } 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; }; // the pop up actions $(function ($) { if ($.cookie('popup_fb') != 'yes') { $('#fb-back').delay(400).fadeIn("slow"); // options slow or fast $('#fb-close, #fb-exit').click(function () { $('#fb-back').stop().fadeOut("slow"); // options slow or fast }); } //initiate popup function by setting up the cookie expiring time $.cookie('popup_fb', 'yes', { path: '/', expires: 0 }); }); //]]></script><!-- facebook like box ends -->

Ap k blog me Facebook popup like box blog main add ho chuka hai enjoy now  kaisi lagi ap ko ye post comments me zeror bataye ga aur social site par share kare.

Also read:
Sticky Facebook like box widget for blogger

Stylish coding box woget for blogger

stylish email subscribe widget for blogger.

CSS HTML coding box for blogger post.