আপনার ব্লগে যুক্ত করুন ফেসবুক পপ আউট লাইক বক্স

আজ আপনাদের দেখাবো কিভাবে আপনার ব্লগে ফেসবুক পপ আউট লাইক বক্স যুক্ত করতে হয়।

ধাপ ১) প্রথমে আপনার ব্লগে jquey javascript plugin যুক্ত করুন।(আগে যুক্ত করা থাকলে দরকার নেই)
ক. ব্লগারে যান।
খ. টেম্পলেটে গিয়ে HTML সম্পাদনা পাতা খুলুন।
গ. এবার </head> সার্চ ( ctrl+f ) করে তার আগে নিচের কোডটি পেস্ট করুন।
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
ধাপ ২) এবার add a gadget এ ক্লিক করে html/java script এ ক্লিক করুন।
ক. এবার বক্সে নিচের কোডটি লিখুন
<a href="http://24work.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/AVvXsEgRAnY4SzC-EJxDxxVO1LhjlPum6NzHjiIfEXyJrWARWFuPd8xrMlLJPR-yoAGW5WwZw82jesouTcRvSrUzN2WQzwsolh4Sl7XbhE6gtnzevIwVc0iYV34viAcvWEgav78kCUiRDCYrt9TU/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=http://www.facebook.com/shopnotuli&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://facebook.com/mfshahi">shahi</a> / <a href="http://www.techtunes.com.bd/web-design/tune-id/149612/">+Get This!</a></span></div></div>
</div>
=>  http://www.facebook.com/shopnotuli এর স্থানে আপনার পেজ লিঙ্ক লিখুন।
খ. এবার সেভ করুন।
* আমার জানা ছিল তাই শেয়ার করলাম আগে কেও শেয়ার করে থাকলে দুঃখিত।
* কোন সমস্যা হলে কমেন্ট করে জানাবেন।