ब्लॉगर में Popup Facebook Likebox Widget कैसे लगाएं


- Advertisement -

Apne hamari previous blogger post me jaana tha ki “Blog Par jQuery Popup Facebook  Likebox Kaise Lagaye” … Wo post padhne ke liye yaha click kare

(Click Hear)

jQuery facebook popup likebox, Simple facebook popup likebox se alag hota hai, uski design alag hoti hai. jQuery popup likebox me aapko Facebook likebox page ke alawa Email Subscription Forum bhi milta hai..

Waise to jQuery facebook popup likebox blog ke liye ek best facebook page likebox hai, lekin phir bhi kuch bloggers apne blog par simple pappu facebook likebox ko hi use karna chahte hain.. Isliye jo bloggers simple popup facebook likebox ko apne blog par lagana chahte hain, wo iss poori post ko dhyaan se padhe, follow kare or apne blog par simple popup facebook likebox lagaye, kyuki me iss post me aaj aapko yahi btane wala hu ki apne blog par popup facebook likebox kaise lagate hain..

Yeh likebox aapke blog ke liye ek perfect popup likebox ho sakta hai, or aapke facebook page par jyada likes laane me aapke bahut jyada help kar sakta hai…
To chaliye jaante hain, ki…..

Blogger Par Popup Facebook Likebox Widget Kaise Lagaye (Poori Jaankari Full Detail Ke Saath)

popup facebook likebox widget

Popup facebook likebox ko apne blog par lagane ke liye aap yeh steps fill kare

  • Sabse pehle apne Blogger Dashboard me jaye, or “Layout” par click kare.
  • Layout me jaane ke baad ‘Add a Gadget‘ par click kare.
  • Add a Gadget par click karne ke baad aapke saamne aapke blog ke liye new Widgets ki list open ho jaegi, inme se “HTML/JavaScript” ko select kare.
  • HTML/JavaScript par click karne ke baad aapke saamne new widget forum open ho jaega..
  • Title wale box ko empty hi rehne dein..
  • Next box me niche diya gaya poora code copy karke paste kar dein
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style type="text/css"> # 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:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px} </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[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/rohitmaan007&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 id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://hindibloggerbuzz.com/2017/03/facebook-popup-likebox-widget-for-blogger.html" rel="nofollow">HindiBloggerBuzz</a></div> </div> </div>


Note :- Iss poore code ko copy karke paste karne ke baad isme aapko yeh Badlaav (Changes) karne hain

  • Blue words me likhe hue https://www.facebook.com/rohitmaan007
    ki jagah apne site ke facebook page ka URL laga dein..


  • Yeh widget page load hone ke 5 seconds ke baad open hogi. Agar aap isme kuch badlaav karna chahte hain, ya 5 seconds hone se pehle ya baad me chahte hain, to Red Words me likhe .delay(5000) Ko changes kar sakte ho.. 5 seconds se jyada time set karna chahte ho to 5 ki jagah apni pasand ka time set kar sakte ho.. (aapko sirf 5 me changes karna hai, 000 me nhi )


  • Yeh likebox sirf tabhi open hoga, jab visitors aapke blog par first time aaega or first time page ko open karega. Agar aap chahte hain ki facebook likebox regular (Every Time) open ho, to aap Green Words me likhe $.cookie(‘popup_facebook_box’, ‘yes’, { path: ‘/’, expires: 7 }); Ko hta (Remove) kar dein..


  • Ab itne Changes karne ke baad ‘Save’ button par click karke iss HTML/JavaScript widget ko save kar dein..

Congresulations… Ab aapke blog par popup facebook likebox add ho chuka hai..

:- Yeh popup facebook likebox blog posts or blog home page dono ke liye hai.. Agar aap chahte hain, ki yeh popup likebox sirf aapke blog ke home page par hi open ho, blog posts me nhi, to aapko yeh poora code blog ki template me paste karna hoga.

  • Iske liye aap apne blog ke Template section me jaye or Edit HTML par click kare..
  • Ab aapke saamne aapke blog ki HTML coding open ho jaegi. Ab aap ctrl+f press kare or </body>  search kare..
  • Ab aap yeh poora code changes karne ke baad </body> ke aage (above) paste kar dein..

For Example :- Aapko yeh poora code iss tarha paste karna hai – <b:if cond=’data:page.type == “index”‘>AAPKO APNA POORA FACEBOOK WIDGET CODE YAHA PASTE KARNA HAI </b:if>

NOTE :- Yaha par iss code me bhi aapko wahi changes karne hain, jo upar maine changes karne ko btaye the..

Ab sahi tarha code paste karne ke baad Template ko save kar dein.. Save karne ke baad popup likebox aapke blog ke home page ke liye set ho chuka hai..

Finally… Aapko iss poori post me ya yeh popup likebox apne blog par lagane me koi bhi problem ho rahi hai, ya aapka koi bhi question hai, to aap apna question comment box me kare..
Aapko yeh post kaisi lagi mujhe jarur btaye or iss post ko apne friends ki help ke liye aage share jarur kare.. 

Also Read – Blogger Blog Me Table Of Contents Ya Posts Sitemap Kaise Add Kare

Leave A Reply

Your email address will not be published.