সুন্দর একটি ফেসবুক পপআপ লাইক বক্স Widget যুক্ত করুন ব্লগে

ফেসবুক পপআপ লাইক বক্স Widget কি?

ফেসবুক পপআপ লাইক বক্স Widget টি সাধারণত ফেসবুকের ফ্যান পেজের বন্ধু বাড়ানোর জন্য একটিকে ব্যবহার করা হয় । ফেসবুক ফ্যান পেজ একটি ব্লগ বা সাইটের ভিজিটর আনতে সাহায্য করে। আপনার ফেসবুক ফ্যান পেজের বন্ধু যত বেশি হবে তত আপনারই লাভ কেননা আপনি সেখান থেকেও কিছু ভিজিটর পাবেন । আপনি লক্ষ্য করলে দেখবেন অনেক কম্পানি আছে যারা ফেসবুকে লাইক কেনে নেবার জন্য হাজার হাজার ডলার খরচ করে। ফেসবুক পপআপ লাইক বক্স Widget টি আপনার সাইট/ব্লগ পেজ লোড হবার মাত্র ২০ সেকেন্ড পর অটোমেটিক ভাবে চলে আসে। অতএব চিন্তার কোন কারন নেই। তাহলে সুন্দর সুযোগটি কে হাতছারা করে বলুনতো। তবে এবার আপনার ফেসবুক পপআপ লাইক বক্স Widget টি যোগ করার পালা।

 কিভাবে ব্লগে ফেসবুক পপআপ লাইক বক্স Widget যোগ করবো?

পদ্ধতি নং-১ ।
প্রথমে আপনি আপনার ব্লগ অ্যাকাউন্টে (Login) প্রবেশ করুন।
পদ্ধতি নং-২ ।
এরপর layout অপশনে ক্লিক করুন।
পদ্ধতি নং-৩ ।
এরপর Add Gadget অপশনে ক্লিক করুন। অসুবিধে হলে নিচের ছবিটি অনুসরণ করতে পারেন।

পদ্ধতি নং-৪।
এরপর HTML/JavaScript অপশনে ক্লিক করুন। অসুবিধে হলে নিচের ছবিটি অনুসরণ করতে পারেন।

পদ্ধতি নং-৫।

নিচের ছবিটির মতো দেখতে পাবেন। তারপর নিচের কোডটি কপি করে Content বক্সে পেস্ট করে দিন।

Short cut: >> Login>> layout >> Add Gadget >> HTML/JavaScript 

কোডটি নিম্নরূপঃ-

<!-- Facebook Popup Widget START --><script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script><style>#abt-back {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}#abt-exit {width:100%;height:100%;}#abt1 {background:white;width:420px;height:270px;position:absolute;top:58%;left:63%;margin:-220px 0 0 -375px;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}#abt-fb-popup {float:right;cursor:pointer;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiolXFfldfShdIWpk_IfWwHyVAq7rRvygPkMriw2kgdv9yksphkYNIpY7ONpvgT5pbU5SNWjDdh6USjm9lLjQ9p1RwPKRTB2WBU1altY1AmvYX-pRuthY1Y_-UTZ0uRgIZiyp6uxh-YxAg/s1600/close.png) repeat;height:15px;padding:20px;position:relative;padding-right:40px;margin-top:-20px;margin-right:-22px;}.abt-fb-like {height:1px;width:366px;margin:0 auto;background:#F3F3F3;margin-top:16px;position:relative;margin-left:20px;}#linkit,#linkit a.visited,#linkit a,#linkit a:hover {color:#80808B;font-size:10px;margin: 0 auto 5px auto;float:center;}</style><script type='text/javascript'>//<![CDATA[jQuery.cookie = function (key, value, options) {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(''));}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_user_login') != 'yes'){$('#abt-back').delay(20000).fadeIn('medium');$('#abt-fb-popup, #abt-exit').click(function(){$('#abt-back').stop().fadeOut('medium');});}$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });});</script><div id='abt-back'><div id='abt-exit'></div><div id='abt1'><div id='abt-fb-popup'></div><div class='abt-fb-like'></div><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/geteverythingcomputers&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><center><span id="linkit"><a href="http://amar-pc.blogspot.com/box.html">Get This Widget</a></span></center></div></div><!-- Facebook Popup Widget END-->

কিভাবে Customize করবেন?
যদি এটিকে ইন্সটল করা হয়ে থাকে তবে, আপনাকে যা করতে হবে নিচে শর্ট পদ্ধতি দেওয়া হল-
> blogger dashboard -----------> Layout --------> HTML/Javascript gadget.

ফেসবুক ইউজার নেম টাইপ করুনঃ-

প্রথমে খুঁজুন http://www.facebook.com/geteverythingcomputers এবং তারপর আপনার ফেসবুক পেজ URL টাইপ করুন।

সময় পরিবর্তনঃ-

সাধারণত ২০ সেকেন্ড পরে এটি লোড হয়। চাইলে সময় পরিবর্তন করে আগে বা পরে করে নিতে পারবেন। কোডের মধ্যে থাকা ২০০০০ লেখাতিকে পরিবর্তন করে নিতে পারবেন।

১ সেকেন্ড =১০০০, ১০ সেকেন্ড =১০০০০, এবং ৬০ সেকেন্ড =৬০০০০ ধরা হয়।  

নোটঃ-
কডের মধ্যে থাকা লাল অক্ষরটি (geteverythingcomputers) পরিবর্তন করে নিজের ফেসবুক আইডি যোগ করে দিন। এবার পরীক্ষা করে দেখুন কাজ হচ্ছে কি না? ঠিকঠাক হলেই ব্যাস কাজ শেষ। সমস্যা হলে কমেন্ট করবেন। ধন্যবাদ।