how to add facebook pop up like box to blogger |
How to add Facebook popup like box to Blogger in Hindi
Dosto jaisa ki hum sabhi jante hai ki apni website or blog par traffic badhane ka sabse behtarin jariya social media hai or facebook se achha koi plateform or nahi hoga. dosto aap sabhi ne bahut si aisi website or blog par kabhi na kabhi visit kiya hoga jisme blog ke open hote hi aapke samne ek popup box open ho jaata hai.
Aaj ki is post me hum sikhenge ki hum apne blogspot blog me facebook popup like box kaise add kar sakte hai. dosto blogspot blog me popup facebook like box add karna bahut hi saral hai. iske liye apko apne blog me bas ek widget add karna hai thodi si settings karni hai or bas apke bhi blog par facebook like box open hone lagega.
Why to add Facebook like box to Blog in Hindi
Dosto agar aap facebook par hai or agar apka facebook page hai to jahir si baat hai ki apko apne facebook page par like or follower’s chahiye honge. iske liye dosto aap apne blog or website ka use kar sakte hai. jab bhi koi visitor apke blog par visit karega to uske samne facebook like box open ho jayega.
Isse visitor ya to apke facebook page ko like karega ya fir use remove kar dega. isse ek taraf jaha aapke facebook page par likes badhenge wahi dusri tarah apke blog par visitor bhi badhte jayenge jisse apke website or blog par traffic badhega.
Bahut se blogger yah soch kar popup facebook like box isliye add nahi karta kyoki unhe aisa lagta hai ki isse visitors ko problem hogi. lekin dosto aisa kuch bhi nahi hai, kyoki facebook pop up like box kisi bhi visitor ke samne baar baar open nahi hota. balki yah ek visitor ke samne apke blog me ek baar open karne par hi open hota hai.
How to add Facebook Popup like box to Blogger?
Dosto iske liye apko sabse pahle apne blog me login hona hai. uske baad apko apne Dashboard me jana hai. Dashboard me jaane ke baad apko drop down menu me layout ka option dikh raha hoga us par click kijiye. ab aapke saamne apke blog ka layout open ho jayega.
how to add facebook pop up like box in blogger |
Ab aap kisi bhi jagah par Add Widget ke option par click kare. apke samne ek new interface open hoga jisme aapko HTML/java Script ko select karna hai. Aisa karte hi apke samne HTML/JavaScript ka window open ho jayega. ab apko dosto niche diye code ko copy karke usme paste kar dena hai.
<script src='https://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 IEoptions.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/yourpassion15&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://yourpassion.in/how-to-add-facebook-popup-like-box-widget-to-blogger/" rel="nofollow">yourpassion</a></div></div></div>
blogger me facebook pop up like box kaise add kare |
Dosto code ko copy paste kar dene ke baad ab apko is code me se https://facebook.com/yourpassion15 ke jagah par apne facebook page ka address set kar dena hai. yah sab kar lene ke baad apko save button par click karke us widget ko active ho jaane dena hai.
Bas dosto apko itna hi karna tha ab aapke blog par bhi facebook pop up like box active ho chuka hai. Dosto agar apko in steps ko follow karne me kisi tarah ka problem face karna padta hai to please hume comments karke bataye hum uska solution apko jald se jald bata denge.
Umeed hai dosto apko humara yah post pasand aaya hoga sath hi aapke liye yah kaafi helpful bhi raha hoga. agar apko humara yah blog pasand aaya to ise like kijiye subscribe kijiye or ha apne dosto ke sath social media par jarur share kijiye.
0 comments:
Post a Comment