Professional Facebook Like Box for Blogger

এই খানে আপনারা যে বাক্স টি দেখতে পচ্ছেন এটা একটা অসাধার বাক্স.যা আপনারা চাই ব্যাবহার করতে পারেন আপনাদের ওয়েব সাইটে.


Follow Below Simple Steps To add this FB like Box below each and Blogger Post

• Go to Blogger Dashboard > Template
• Tick Expand Widget Templates
• Press Ctrl + F and search the code  ]]></b:skin>(use Ctrl+F to find the code)
• Now add the below code just Above/Before ]]></b:skin>

#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; }

• Now search the code <data:post.body/>
• Now add the below code just Below/After<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=https://www.facebook.com/pages/Tips-BD-Tricks/518996174822827&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>

Replace RED COLOR your Page Name
NOW ALL DONE SAVE YOUR TEMPLATE ... :)