Search

Website/Blog ma Facebook Popup like box add kara

Website/Blog ma Facebook Popup like box add kara
Aj kal log apni website(Blog) to bana lata h mager unha ya nhi pata hota h ki wo apna website ki Tariff kis taraha sa badaya aur apna Website ko popular kaisa banaya.
Jaisa ki app sabhi janta h ki Facebook ak bahut hi acchi social Media h jaha har roj Cororo Visitor visit karta h Mager app facebook ka jariya apna Website ko Promote v kr sakta h. To aj mai appko batauga ki kaisa app apna Website(Blog) ma Facebook Popup Like Box Widget ko add kr ka apna Blog ko popular banaya.


Advantage of Facebook Popup like Box Widget

Jab v koi appka website ko Open karaga to ya Facebook Popup Like Box open hoga jaisa ki app apna picture ma dakh rha h aur ya tavi hataga jab issa wo visitor cut na kr da ya appka facebook page ko wo like na kar da. Issa appki aur apka facebook page ki fan following badagi.


NOTE: Ager app soch rha h ki kya ya Popup appka Blog ka har page ma open hoga to aisa nhi h. Jab v koi appka site ko first time open karaga tavi ya popup ussa dikhaga usska bd ager wo appka site ka dusra page ma jata h to ya ussa nhi dikhaga.

Blogger Me Facebook Popup Like Box Widget Add Kare

Step 1: Apne Blog ke Dashboard>>Layout par jaye. ab kahi bhi “Add a Gedget” par click kare.

Step 2: Uska bd 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>
#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/hindimapada/?ref=aymt_homepage_panel&width=402&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 id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://hindimapada.blogspot.com/2016/06/websiteblog-ma-facebook-popup-like-box.html/" rel="nofollow">EduNext </a></div>
</div>
</div>
Step 4: Save par click karne se pahle code me https://www.facebook.com/hindimapada/?ref=aymt_homepage_panel  ki jagah apne Facebook page url add kar le.

Step 5: Ager ya trick kam na kara to iska matlab ha aapke blog ki template me pahle se jquery code add hai. Isiliya app real code sa nicha ki code ko delete kr da jo appko sabsa upper hi dikhaga

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

Ab appka Blog ma Facebook ki Popup Like Box add ho chuki hogi ab jab koi visitor appka Blog ko open karaga to ussa sabsa pahala Facebook ki Popup Like box dikhigi.



                        Ten Facebook tricks you must know


Agar apko ya blog sa related aur v kuch jankari chaiya to please comment kara aur ager ya post acchi lagi ho to issa share jarur kara.

Comment Rule:
1. Aap direct comment ma apna link nhi da sakta h lakin ager aap kisi ki help karna ka liya ussa reply ka jariya koi v link provide kar sakta h.
2. Ager aap koi problem ka solution ka liya comment ker rha h to "Notify Me" per jarur click kara.