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

12
759

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

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

 

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

ধাপ ১ ♥ প্রথমে আপনার ব্লগে যান► তারপর টেমপ্লেট ► তারপর 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(“http://3.bp.blogspot.com/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y_JzjA/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 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 করে বের হয়ে আসুন………। এখন ব্লগে গিয়ে দেখুন খুব ভাল লাগবে…………।।

আমার এই পোস্ট টা যদি আপনার কাজে লেগে থাকে তবে অবশ্যই জানাবেন ……… ভাল থাকবেন…।

এই পোস্ট থেকে কোড গুলো কপি করতে সমস্যা হলে এই লিঙ্ক এ গিয়ে কপি করবেন দয়া করে > > CLICK ME

12 মন্তব্য

  1. আমি নিজের চেষ্টায় মেনু বারে ২ টা মেনু Add করেছি। কিন্তু পোস্ট গুলো নির্দিষ্ট
    মেনুতে দিতে পারছিনা। কোন কিছু পোস্ট করলেই Home এ চলে যায়।
    আমি কিভাবে আমার software এর পোস্ট গুলো কেবলমাত্র software
    মেনুতেই দিতে পারব। কেও যদি এই বিষয়ে জানেন আমাকে হেল্প করুন।

  2. ভাই আমার কেন জানি হচ্ছে না , টেম্পলেট সংরক্ষণ করতে গেলে এই ম্যাসেজ টা দেখায় >>>>

    আমরা দুঃখিত, কিন্তু আমরা আপনার অনুরোধ সম্পূর্ণ করতে পারিনি৷

    Blogger সমর্থনে বা Blogger সহায়তা গোষ্ঠীতে এই ত্রুটিটি প্রতিবেদন করার সময়, দয়া করে:

    আপনি যখন এই ত্রুটিটি পেয়েছিলেন তখন কী করছিলেন তার বিবরণ দিন৷
    নিম্নলিখিত ত্রুটি কোডটি দিন৷

একটি উত্তর ত্যাগ