ব্লগার ব্লগের প্রতিটি পোস্টের নীচে স্টাইলিশ ফেসবুক লাইক বক্স

আজকে আমি আপনাদের সাথে আপনার ব্লগার ব্লগের প্রতিটি পোস্ট এর নীচে ফেসবুক লাইক বক্স কিভাবে যুক্ত করবেন সেটা নিয়ে পোস্ট করছি ।তাহলে নীচের স্টেপ গুলো দেখে দেখে আপনার ব্লগেও যুক্ত করে নিন ।
১// আপনার ব্লগার ব্লগ লগইন করুন । ড্যাশবোর্ড থেকে Template > Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর CTRL+F প্রেস করে নীচের কোডটি খুজে বের করুন ।


]]></b:skin>


২// এবার উপরের কোড এর ঠিক আগে বা উপরে নীচের সিএসএস কোড গুলো কপি করে পেস্ট করুন । তারপর Save Template এ ক্লিক করুন ।

#LS-fb {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
box-shadow: 5px 5px 5px #CCCCCC;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding:10px;
margin-top:25px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:560px;
}
# LS-fb:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
}
# LS-fb  td{
padding:3px 0;
}

৩// উপরের স্টেপ হয়েগেলে এবার আবারও আপনার কীবোর্ড এর CTRL+ F কী প্রেস করে নীচের ট্যাগ খুজে বের করুন ।


<data:post.body/>


৪// উপরের ট্যাগ ১ থেকে ৪ বার পেতে পারেন তবে আপনি ২ নাম্বারে যেটা পাবেন তার ঠিক পরে বা নীচে নীচের কোড গুলো কপি করে পেস্ট করুন ।

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='LS-fb'>
<div id='LS'>
<table width='100%'>
<tbody> <tr><td>
<span style='font-style: normal; font-size: 23px;
font-family:Georgia,Times New Roman,Trebuchet MS; '>Receive daily updates from LABSTRIKE via Facebook</span></td></tr>
<tr><td>
<iframe allowTransparency='true'
frameborder='0' scrolling='no'
src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Famarkothaghor&amp;
width=590&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false' style='border:none !important; overflow:hidden; width:560px; height:180px;'/></td></tr>
</tbody> </table></div></div>
</b:if>

নোটঃ এবার উপরের কোড থেকে amarkothaghor মুছে সেখানে আপনার ফেসবুক লাইক পেজ এর User নাম টি বসিয়ে দিন ।


৫// কাজ শেষ এবার Save Template এ ক্লিক করে বেরিয়ে আপনার ব্লগ ভিজিট করুন । আশাকরি আপনি কাজটি করতে সফল হয়েছেন ।