Blog Ke liye Facebook Popup Like Box Widget

Blog me facebook popup like box widget fb page ke likes badhane ka sabse best tareeka hai, isse page likes badhne k 1000 times zyada chances hote hain, aur jb fb page k likes badhenge to uska sidha fayeda apko blog pe milega.
blog-keliye-facebook-popup-like-box

Blog ke liye social sites ka kya importance hai ye aap achhe se jante honge, specially facebook ki to baat hi kuch aur hai, Qki ye duniya me bahut zyada istemal kiya jane wala social site hai, apke fb page pe likes jitne zyada honge utna zyada fayeda apko blog pe dekhne ko milega.
Waise to facebook widget lagbhag har blogger template me pahle se hota hai, lekin facebook popup like box widget ki bat kuch alag hoti hai, har blogger chahta hai k uska blog kuch alag dikhe, iske liye we apne blog ki har tarah se designing karte hain.
Is widget se ap 80-90% users ka dhyan fb page pe kr sakte hai, blog pe jo widget pahle se hota hai wo attract nhi kar paate.
Is post me mai jo facebook popup like box widget code batane ja raha hu wo doosre codes se bahut alag hai, Ye bikul light weight hai, iska look bhi bahut shandar hai aur ye apke readers ko bhi alag tarah ka experience karaega, qki ye jQuery cookie plugin use krta hai, yaani apke jis reader ko ye popup ek bar dikh chuka hai usko 7 din se pahle dubara nhi dikhega, isse sabse bada fayeda ye hota hai k reader irritate nhi hota.

Blogger k liye facebook popup like box widget ka importance:

Ye batane ki zarurat nhi k blogging me kamyab hone kliye sirf post likhte rahne se kam nhi chalta, hme aur bhi bahut kuch karna hota hai, apne post aur apne blog ki behtar marketing bhi karni padti hai, facebook k paas 1.3 arab se zyada users hain, isliye hm apne blog ki marketing kliye facebook se achha platform nhi mil sakta.

Blogger me facebook popup box widget kaise add kare:

Abhi tak humne ye jana hai ki is popup widget me khas kya hai aur isse kitne fayede hain, ab hum dekhenge ise blogger me add kaise karna hai, Ye bahut aasan hai bus jo tareeka mai bata raha hu use step by step follow karte jayen

Step 1: Sabse pahle neeche diye code ko copy kar len.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<style>
#popupFbLikeBox {display:none;position:fixed;background:rgba(0,0,0,0.7);height:100%;width:100%;left:0;top:0;z-index:99999;}
#popupArea {position:absolute;background:white;height:270px;width:auto;left:63%;top:58%;border-radius: 5px;margin:-220px 0 0 -375px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#popupClose{text-align:center;padding:10px;position:relative;cursor:pointer;background: linear-gradient(#eee, #fff);border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000;}
#popupClose:hover{color:red;}
.fbLikeboxArea {margin:0 auto;width:366px;height:1px;margin-top:16px;margin-left:20px;position:relative;}
@media only screen and (max-width: 500px) {
#popupArea{left:63%;top:58%;margin:-220px 0 0 -250px;}
.fb-like-box,.fb-like-box span,.fb-like-box span iframe[style]{width: 100% !important;}}
</style>
<script>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// 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() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));}
//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>
jQuery(document).ready(function($){
if($.cookie('logedin_user') != 'yes'){
$('#popupFbLikeBox').delay(2000).fadeIn('medium');
$('#popupClose').click(function(){
$('#popupFbLikeBox').stop().fadeOut('medium');
});
}
$.cookie('logedin_user', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='popupFbLikeBox'>
<div id='popupArea'>
<div id='popupClose'>CLOSE
</div>
<div class='fbLikeboxArea'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=###&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>

Step 2: Ab apne blogger account pe login kare, uske baad Dashboard aur phir Layout section pe click karen.

Step 3: Add a Gadget pe click karen, ye aap footer ya side bar kahin bhi laga sakte hain, lekin mai recommend karunga footer me lagayen.

Step 4: Add a Gadget pe click karne ke baad ek popup window khulega, usme se HTML/JavaScript pe click kare.
blog-keliye-facebook-popup-like-box

Step 5: Ab ek blank box open hoga, Title ko blank hi rahne den aur niche box me copy kiye hue code ko paste karden.

Step 6: Is codes me kuch changes bhi karne hain
  1) Red colour me jo 2000 delay time likha hai uska matlb hai 2 seconds, yani blog page open hone ke 2 seconds ye popup window open hoga, ise apne hisab se ghatane badhane kliye 1000 ya 5000, 10000 kr sakte hain
  2) Blue colour me jo ### diya gaya hai uski jagah apne facebook page ka URL daale, aur save kar len.

Ye Bhi Padhe:
👉 Website (blog) banane ki puri jankari
👉 Stylish Floating Social Share Buttons For Blog
👉 Amazing... Shadi se judi rochak jankariyan
👉 Social site se paise kamane ki jankari
👉 Motivational: Dr AbdulKalam Ki pyari baaten
👉 Blog ki Basic Settings.. step by step puri jankari

Congratulations... Aapke blog me facebook popup box widget add ho chuka hai.

I hope ap ne apne blog me successfully facebook popup like box widget add kar liya hoga, agar koi pareshani aarahi ho to comment box me puchh sakte hain.
Next Post Previous Post
No Comment
Add Comment
comment url