ব্লগে সাইড বারে ফেসবুক লাইক বক্স যুক্ত করুন

আপনার ব্লগের কে আরও সুন্দর করতে নিয়ে আসলাম আপনাদের জন্য একটি ফেসবুক লাইক বক্স যা সাইড বারে অবস্থিত থাকবে। ঠিক এই ছবি টির মত ↓

 

মাত্র দুইটি ধাপ অনুসরণ করে আপনি এমন চমৎকার একটি এফবি লাইক বক্স আপনার ব্লগে যুক্ত করতে পারেন >

ধাপ ১ ♥ প্রথমে আপনার ব্লগে যান► তারপর টেমপ্লেট ► তারপর HTML সম্পাদনা ► নিউ পেজ আসার পর , ►এগিয়ে যান, এ ক্লিক করুন...।। নিচের চিত্র গুলো দেখে নিতে পারেন ......↓

এর পর নিচের মত পেজ টা আসলে Ctrl+F চেপে </head> এই শব্দ টি খুজে বের করুন

এই বার </head> এর উপরে নিচের কোড টি পেস্ট করুন ↓

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>এর পর
টেমপ্লেট সংরক্ষন করুন 

এ ক্লিক করে বের হয়ে আসুন ।

ধাপ ২ ► এইবার লেআউট এ ক্লিক করুন...

এখন একটি গ্যাঁজেট যুক্ত করুন   এ ক্লিক  করুন ।।

এরপর HTML/Java Script এ  যান ......।।











এবং নিচের কোড টি বসিয়ে দিন .........।।




<a href="http://pc-help-bd.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1qADWx6VgYIdnohMVY3CIECoc7sGvmI_gpX3iDSzcmaA2nQam8lgBcSGVKYai6ERXGA5cxh8f9oOsZPSnJ6G7mTM1vdgdOBagPkBHcih5DCcW-PNQu5m_pPM_fdHjNRJXB9vVSqXPNodo/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/%E0%A6%95%E0%A6%AE%E0%A7%8D%E0%A6%AA%E0%A6%BF%E0%A6%89%E0%A6%9F%E0%A6%BE%E0%A6%B0-%E0%A6%B9%E0%A7%87%E0%A6%B2%E0%A7%8D%E0%A6%AA-%E0%A6%AC%E0%A6%BF%E0%A6%A1%E0%A6%BF/224863367634879&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://pc-help-bd.blogspot.com/">Blogspot tutorial</a> / <a href="http://pc-help-bd.blogspot.com/">+Get This!</a></span></div></div>


এবং উপরের কোডের মধ্যে লাল অংশে আপনার ব্লগের ফেসবুক ফ্যান পেজএর লিঙ্ক টা দিবেন ......।।
এখন save করে বের হয়ে আসুন.........। এখন ব্লগে গিয়ে দেখুন খুব ভাল লাগবে............।।
 আমার এই পোস্ট টা যদি আপনার কাজে লেগে থাকে তবে অবশ্যই জানাবেন ......... ভাল থাকবেন...।