82 
আজ আপনাদের দেখাবো কিভাবে আপনার ব্লগে ফেসবুক পপ আউট লাইক বক্স যুক্ত করতে হয়।
ধাপ ১) প্রথমে আপনার ব্লগে jquey javascript code যুক্ত করুন। ( আগে যুক্ত করা থাকলে দরকার নেই )
ক. ব্লগারে যান।
খ. টেম্পলেটে গিয়ে 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("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 class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bdtechzonecom&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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/bdtechzonecom এর স্থানে আপনার পেজ লিঙ্ক লিখুন।
খ. এবার সেভ করুন।
rafarayhan
jquey javascript plugin eta ki?
অচেনা অতিথি
thnx
MD Rayhan
wapka.mobi site a kibaba fb like box add korta hoi jana thackla janaben.
Nion007
আপনার website আছে?
digitallover_1991
Oops! hoye gelo, Bhaia, ai code ta ami akjon er page theke source code hack kore niyechilam, amar hacking sharthok…….
শাহী
আমি এটা ব্লগারে ট্রাই করেছি, ওয়াপকা.মবি তে কাজ করবে কিনা আমার জানা নেই।
Rakib_alam
vai amar blog holo http://banglabooks4u.blogspot.com/
apner jequary ta kaj korce na xml save delay nay na red colour signal deya vul dakhay.
munnamark
আমার কাছে মাত্র ৩ লাইনের কোড আছে!!!
ওটা দিয়ে যে কোন সাইটে Pop Out/ Fly Out লাইক বক্স বসানো যাবে।
Demo সহ কোডটি পাবেন এখানে:
http://munnamark.blogspot.com/2012/08/how-to-add-pop-out-facebook-like-box-in.html