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

Your Ads Here

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

Live Demo

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

Your Ads Here

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

Read More :কিভাবে ব্লগার ব্লগে ফটো আপলোড এবং মনের মত করে ফটো রিসাইজ করবেন !!

<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)}

Read More :ফেসবুক চ্যাট বক্স ম্যাসেঞ্জার সঙ্গে লাইক বাটন ব্লগার ব্লগের জন্য

}
@keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@-webkit-keyframes kiri{
from{transform:translate(-30000px, 0px);}

Your Ads Here

Your Ads Here

to{transform:translate(0px,0px);}
}
@keyframes kiri{
from{transform:translate(-30000px, 0px);}

Read More :কিভাবে Google Analytics এ ব্লগার ব্লগ ভেরিফাই করবেন ! A to Z টিপস দারুন কাজের !!

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">

Read More :কিভাবে ব্লগার ব্লগের পোস্ট ফটোকে SEO ফ্রেন্ডলি করবেন !!

<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 করে বেরিয়ে আসুন এবং আপনার ব্লগ চেক করুন আশাকরি আপনার ব্লগেও বাংলাতে এই নতুন স্টাইল ফেসবুক লাইক বক্স দেখা যাবে।

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

Your Ads Here