এবার আপনার ব্লগে যুক্ত করুন Facebook Popup Like Box


হ্যালো বন্ধুরা, TechRajjo.Com – Create Your Own Creativity তে আপনাকে স্বাগতম । কেমন আছেন সবাই ? নিশ্চয় ভালো আছেন । আর ভালো আছেন বলেই হয়তো আমাদের টেক রাজ্য থেকে আপনার পছন্দের এই আর্টিকেলটি পড়তে বসছেন । আমরা আমাদের টেক রাজ্যে প্রতিনিয়ত প্রযুক্তি বিষয়ক বিভিন্ন আর্টিকেল শেয়ার করে থাকি । যাতে মানুষ প্রযুক্তিকে সহজে জানতে ও বুঝতে পারে ।  তারই ধারাবাহিকতায় আজকে আপনাদের জন্য নিয়ে এসেছি প্রযুক্তি বিষয়ক আরেকটি আর্টিকেল পোস্টের টাইটেল পড়ে এতক্ষণে নিশ্চয় বুঝে গেছেন যে, আজকে আমরা কোন বিষয় নিয়ে আলোচনা করবো ।

তার আগে আপনার কাছে আমাদের রিকুয়েস্ট, আপনি যদি আমাদের ব্লগটি সাবস্ক্রাইব না করে থাকেন, তাহলে এখনি সাবস্ক্রাইব করে নিন । তাহলে প্রযুক্তি বিষয়ক নিত্যনতুন আর্টিকেল সবার আগে পৌঁছে যাবে আপনার কাছে ।

তাহলে চলুন আর কথা না বাড়িয়ে মূল আলোচনায় ফিরে যাই ।

বর্তমান সময়ে ফেসবুক ব্যবহার করে না এমন মানুষ খুব কমই আছে । আমাদের যেমন একটা ফেসবুক আইডি আছে, তেমনি আছে ফেসবুক পেজ । আমরা ফেসবুক আইডির পাশাপাশি অনেকে ফেসবুক পেজ ব্যবহার করে থাকি । এই ফেসবুক পেজের জন্য সবচেয়ে প্রয়োজনীয় যে জিনিসটা আমরা সবাই চাই সেটা হল ফেসবুক পেজে লাইক এবং ফলোয়ার বাড়ানো । কারণ লাইক এবং ফলোয়ার ছাড়া ফেসবুক পেজের কোন মূল্য নেই । এখানে একটি বিষয় আপনাদের জানা থাকা দরকার সেটা হল ফেসবুক পেজে লাইক বাড়লে ফলোয়ার এমনিতেই বাড়বে । তাই আমরা আমাদের ফেসবুক পেজে লাইক এবং ফলোয়ার বাড়ানোর জন্য বিভিন্ন উপায় অবলম্বন করি । তো এই ফেসবুক পেজ বা ফ্যান পেজে লাইক বাড়ানোর জন্য অন্যতম জনপ্রিয় একটি মাধ্যম হচ্ছে আপনার ব্লগ বা ওয়েবসাইটে আপনার ফেসবুক পেজটি একটি পপআপ বক্স হিসেবে যুক্ত করা । যদি আপনার ব্লগ বা ওয়েবসাইট না থাকে তাহলে আপনি অন্যের ব্লগ বা ওয়েবসাইটে আপনার ফেসবুক পেজের PopUp Box যুক্ত করতে পারবেন । তবে সেটার জন্য আপনাকে কিছু টাকা খরচ করতে হবে । কারণ সবাই হয়তো আপনাকে ফ্রি সার্ভিস দিবে না । তবে নিজের একটি ব্লগ বা ওয়েবসাইট থাকলে সবচেয়ে বেশি সুবিধা । আপনার যদি নিজের একটি ব্লগ বা ওয়েবসাইট থাকে তাহলে আজকের আর্টিকেলটি আপনার জন্য ।

এখন প্রশ্ন হচ্ছে – আপনি কেন আপনার ফেসবুক পেজটি আপনার ব্লগ বা ওয়েবসাইটে যুক্ত করবেন ?
ব্লগ কিংবা ওয়েবসাইটে Facebook Like Box যুক্ত করার অর্থ হচ্ছে এর মাধ্যমে কিছু ফেইসবুক ফ্যান বাড়িয়ে নেওয়া। তাই বেশীরভাগ ক্ষেত্রেই দেখা যায় যে, প্রায় প্রত্যেক ব্লগের ডান পাশে একটি Facebook Like Box রয়েছে। এই Facebook Like Box এর মাধ্যমে ভিজিটররা ব্লগ থেকে আপনার ফ্যান পেইজে লাইক দিয়ে থাকেন, যাতে তারা ভবিষ্যতে ফেইসবুকের মাধ্যমে আপডেট পোষ্ট গুলি দেখতে পায়। এ ক্ষেত্রে দেখা গেছে Facebook Like Box ব্লগের ডান পাশের Layout এ থাকার কারনে অনেকের দৃষ্টিগোচর হয় না। আর আপনি যদি এটিকে একটু ট্রিকস কাটিয়ে Popup এ দিতে পারেন তাহলে কেমন হতো, নিশ্চয় এটি সহজেই ভিজিটরদের দৃষ্টিগোচর হত। আমি যে Facebook Popup Like Box টি শেয়ার করছি এটি অত্যান্ত সুন্দর এবং স্টাইলিস্ট। ভিজিটররা ভিজিট করার সময় এটি আপনার ব্লগের উপর থেকে Scrolling করে নিচের দিকে নামবে, যা এটিকে আরও আকর্ষণীয় করে তুলবে। তাছাড়া এটির আরেকটি বড় ফিচার হচ্ছে আপনি ইচ্ছা করলে এটিতে বিভিন্ন ধরনরে কালার ইফেক্ট দিতে পারবেন।

যেভাবে যুক্ত করবেনঃ
  • প্রথমে আপনার ব্লগে লগইন করুন।
  • তারপর Template > Edit Html এ ক্লিক করুন।
  • তারপর কিবোর্ড হতে Ctrl+F চেপে </body> অংশটি সার্চ করুন।
  • এখন নিচের কোডগুলি কপি করে </body> এর উপরে পেষ্ট করুন।
  • পেস্ট করা হয়ে গেলে এখন Save Template এ ক্লিক করুন
   
<style type='text/css'>
    #FBpop {
    position:fixed !important;
    position:absolute;
    top:-1000px;
    left:50%;
    margin:0px 0px 0px -182px;
    width:300px;
    height:auto;
    padding:5px;
    background:#04BDFA;
    font:normal Dosis,
    Georgia, Serif;
    color:#111;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    }
    #FBpop a.bsclose {
    position:absolute;
    top:-10px;
    right:-10px;
    background:#fff;
    font:bold 16px Arial, Sans-Serif;
    text-decoration:none;
    line-height:22px;
    width:22px;
    text-align:center;
    color:#000000;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:25px;
    cursor:pointer;
    }
    </style>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(window).bind(&quot;load&quot;, function() {
    // Animate Top
    $(&#39;#FBpop&#39;).animate({top:&quot;50px&quot;}, 1000);
    $(&#39;a.bsclose&#39;).click(function() {
    $(this).parent().fadeOut();
    return false;
    });
    });
    </script>

<div id='fb-root'/>
<script>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

Code ID No. TRCN-5190010
Download
  • এরপর আপনার ব্লগার ড্যাশবোর্ডে ফিরে যান এবং সেখান হতে Layout এ ক্লিক করুন।
  • এখন ডান পাশের Layout বা Sidebar হতে Add Gadget এ ক্লিক করুন।
  • তারপর যে পপআপ বক্সটি ওপেন হবে সেখান থেকে HTML/JavaScript এ ক্লিক করুন।
  • এখানে HTML/JavaScript  এর একটি খালি ঘর দেখতে পারবেন । এই ঘরে নিচের কোডগুলি কপি করে HTML/JavaScript এর ঘরে পেষ্ট করুন।

<div id='FBpop'>
<center>
<div class="fb-page" data-href="https://www.facebook.com/techrajjo" data-show-cover="true" data-show-facepile="true" data-show-posts="false" width="300" height="250"></div>
</center>
<a class='bsclose' href='#'>&times;</a>
</div>

  • পেস্ট করা হয়ে গেলে Save করুন । ব্যাস হয়ে গেলো আপনার ব্লগের জন্য একটি আকর্ষণীয় Facebook Popup Like Box.

কাষ্টমাইজেশনঃ
  • উপরের কোডের ভিতরের লাল অংশ হতে width:300px; পরিবর্তন করে নিতে পারেন।
  • এই লাল অংশ হতে background:#04BDFA; ব্যাকগ্রাউন্ড কালার পরিবর্তন করে নিতে পারেন।
  • এ অংশটিতে techrajjo এর স্থলে অবশ্যই আপনার ফেইসবুক পেজের ইউজার নেম দিতে হবে

এই ছিল আজকের বিস্তারিত আলোচনা । জানিনা আপনাদের কতটুকু বুঝাতে পেরেছি । তবুও যদি ভালো লেগে থাকে আপনার বন্ধুর সাথে শেয়ার করে তাকেও জানার সুযোগ করে দিন । তবেই আমাদের লিখা সার্থক হবে । আর আমরা আরও ভালো ভালো আর্টিকেল লিখতে উৎসাহ পাবো ।
শেষ কথাঃ আপনার মূল্যবান সময় ব্যয় করে আলোচ্য আর্টিকেলটি পড়ার জন্য আপনাকে অসংখ্য ধন্যবাদ । আমি আশা করবো উক্ত আর্টিকেলটির মাধ্যমে আপনি সামান্য কিছু হলেও জানতে, বুঝতে ও শিখতে পেরেছেন । তারপরও যদি কারও বুঝতে অসুবিধা হয় কিংবা কোন প্রকার সমস্যা হয় তাহলে কমেন্ট করে আমাদের জানাতে পারেন। আমরা আপনার সমস্যা সমাধানের জন্য চেষ্টা করবো, ইনশাআল্লাহ।
আজ এ পর্যন্তই । আবার আপনাদের সামনে হাজির হবো অন্য কোন প্রযুক্তি বিষয়ক আর্টিকেল নিয়ে । ততদিন সবাই ভালো থাকুন, সুস্থ্য থাকুন আর টেক রাজ্যের সাথেই থাকুন । ধন্যবাদ...

এবার আপনার ব্লগে যুক্ত করুন Facebook Popup Like Box এবার আপনার ব্লগে যুক্ত করুন Facebook Popup Like Box Reviewed by CEO on Monday, June 03, 2019 Rating: 5

No comments:

It can be commented that the post was good. You can also comment on any problem. We will try to solve as much as possible.

Powered by Blogger.