ফিক্সড স্লাইড ইফেক্ট বাংলা ফেসবুক লাইক বক্স ব্লগস্পট ব্লগের জন্য

ফিক্সড স্লাইড ইফেক্ট বাংলা ফেসবুক লাইক বক্স ব্লগার এর জন্য, খুব মজার একটি লাইক বক্স আশাকরি আপনাদের পছন্দ হবে। বলতে পারেন এই স্টাইল একদম নতুন ২০১৬ । আমারা অনেকেই অনেক ধরনের ফেসবুক লাইক বক্স ব্যবহার করেছি কিন্তু আজকের স্টাইল কেউ ব্যবহার করেছেন এর আগে আমার মনে হয় না। যদি আপনি এই স্টাইল আগে ব্যবহার না করেন তাহলে অবশ্যই এটা আপনি ব্যবহার করতে চাইবেন। তাহলে আর কথা বাড়াবো না নিচে থেকে এই নতুন স্টাইল লাইক বক্সের ডেমো দেখেনিন সঙ্গে সহজে কিভাবে আপনার ব্লগার বা ব্লগস্পটে ব্যবহার করবেন সেটাও দেখে নেন।

Live Demo

কিভাবে স্লাইড ইফেক্ট বাংলা ফেসবুক লাইক বক্স ব্লগস্পট ব্লগের যুক্ত করবেন ?

প্রথমে ব্লগার অ্যাকাউন্ট লগইন করুন তারপরে ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন এবং যেকোনো একটি Add a Gadet এ ক্লিক করুন যে পেজ আসবে সেখান থেকে HTML/Javascript এ ক্লিক করুন এবং Content ঘরে নিচের কোড গুল কপি করে পেস্ট করুন। অবশ্যই টাইটেল ঘর ফাকা রাখবেন ।

<style>
.fb-btn-seocips {background:rgba(1, 0, 1, 0.2);margin:0;padding:0;text-align:center;position:fixed;bottom:1%;right:0.5%;z-index:9999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;-moz-animation:atas 10s;-webkit-animation:atas 10s;animation:atas 10s;}
.fb-btn-seocips {padding:5px ;color:#fff;font-size:120%;}
.fb-btn-seocips a:link, .fb-btn-seocips a:visited {color:#ffcc00;}
.fb-btn-seocips a:hover {color:#fff;}
.fb-btn-seocips2{background:rgba(1, 0, 1, 0.3);-moz-animation:kiri 15s;-webkit-animation:kiri 15s;animation:kiri 15s}
.fb-btn-seocips2 {padding:3px ;color:#fff;font-size:120%;}
@-webkit-keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@-webkit-keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
@keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
</style>
<div id="fb-root"></div>
<script>(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/bn_IN/sdk.js#xfbml=1&version=v2.5&appId=155204787972563";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-btn-seocips">
<div class="fb-btn-seocips2">
<div class="fb-page" data-href="https://www.facebook.com/esobondhu" data-width="200" data-height="125" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/esobondhu"><a href="https://www.facebook.com/esobondhu">esobondhu.com</a></blockquote></div></div>
</div>
</div>

উপরের কোড থেকে esobondhu বা সম্পূর্ণ লিঙ্ক টা মুছে সেখানে আপনার ফেসবুক ফ্যানপেজ এর লিঙ্ক বা User নামটি বসান। আর যদি ভাষা পরিবর্তন করতে চান অর্থাৎ ইংরেজি করতে চান তাহলে সব উপরের be_IN মুছে সেখানে en_US বসিয়ে দিন।

সব শেষ Save করে বেরিয়ে আসুন এবং আপনার ব্লগ চেক করুন আশাকরি আপনার ব্লগেও বাংলাতে এই নতুন স্টাইল ফেসবুক লাইক বক্স দেখা যাবে।

তাহলে আজকের মত এই পর্যন্ত পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে সোশ্যাল মিডিয়াতে শেয়ার করুন কোন রকম সমস্যা হলে নিচে কমেন্ট করুন।