Blogger Me Facebook Popup Like Box Kaise Lagaye (Add Kare)

How To Add Facebook popup like box Widget for website /Blog ? In hindi

Blogger Me Facebook Popup Like Box Kaise Lagaye?

Hello friends, hum sabhi jante hai ki Facebook sabse jyada popular or leading social networking site hai.
facebook page website/ business ko promote karne or facebook se naye visitors ko paane ka ek badhiya tarika hai.

kuchh blog/website par aapne jarur dekha hoga ki unn blog ko open karne ke kuchh second baad facebook popup like box open ho jata hai.

iss widget ka use karne se , jab bhi koi visitors aapke blog par aayega to facebook like box popped up (open) jayega. 



Also Read-
* Naye Blog Ki Traffic Kaise Badaye? Top 6 Tips. How To Increase Visitors?

* Fiverr Se Facebook Page Ki Likes Kaise Badhaye ? How To Increase Facebook likes.

* Facebook Page Kaise Banaye? How To Create FaceBook Page?

facebook page popup like box

faceboook page ki likes badhane ka sabse achha upay facebook popup like box ka blog me use karna hai.



 How To Add Facebook Popup Like Box In Blogger (Blogspot) blog ?
Facebook Popup Like Box Kaise Lagaye (Add Kare)

Step.1-
blogger account me login karne ke baad layout me jayen.
fir add a gadget link par click kijiye.


step.2- 
ab ek popup window open ho jayega. usme html/ java script ko select kare. 



ab ek nya page khulega .niche diye code ko copy karke badhe wale box (html box) me paste kar de. iske baad save ki button par click kare.
............................................................................................................
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/WebKaise-Hindi-Bloggers-1507089709592745/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
</div>
</div>
............................................................................................................


Imp Note-

1. Upper ke Code me diye gaye yellow colored address (https://www.facebook.com/WebKaise-Hindi-Bloggers-1507089709592745 )ko  apne facebook page ke url se replace kare.



2. aapki site puri tarh se load hone ke 5 second (5000 milli second) baad facebook popup Widget open hoga. agar aap iss time ko kam ya jyada krna chahte hai to iske liye delay(5000) me 5000 ko change karke apne pasand ka koi time set kar sakte hai.

ab aap sikh chuke ki facebook popup like box (button) ko blog website par kaise lagaya jata hai. -How To Add Facebook Popup Like Box Widget For Blogger ?



Also Read-
* Facebook Post Me Continue Reading....Link Kaise jode?

* Blogger Blog Me Custom Domain Kaise Add Kare ?

* Website Me www. Ke Bina Domain Ko Kaise Set Kare?


* Website Ke Liye Free Mobile App Kaise Banaye?

apna koi bhi sawaal puchhane ke liye niche comment kare.



Tags:  Facebook Popup Like Box Kaise Lagaye, add facebook like box in blogger, blogger me facebook popup up box kaise add kare, how to add hindi tutorial.
Previous
Next Post »
Thanks for your comment