rez's tech blog: Blogger Tips

খুব সহজেই আপনার ব্লগে লাগিয়ে নিতে পারেন "facebook like box widget"!!!!!!

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="background-color: white; font-family: Arial, Verdana; line-height: 20px;">
<span style="font-size: 12px;"> </span>আপনি খুব সহজেই "<b><i>facebook like box widget"</i></b>আপনার ব্লগে লাগিয়ে নিতে পারেন,নিচের সিমপল স্টেপগুলি অনুশরন করে................................</div>
<div class="MsoNormal" style="background-color: white; font-family: Arial, Verdana; font-size: 12px; line-height: 20px;">
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<h3 style="background-color: white; font-family: Arial, Verdana; line-height: 20px;">
Step 1</h3>
<div class="MsoNormal" style="background-color: white; font-family: Arial, Verdana; line-height: 20px;">
<span style="font-size: 12px;"> </span><b>Blogger Dashboar</b>d এ <b>Log in</b>করুন  এবং <b> Layout</b> এ যান,তারপর যেভাবে নিচের ইমেজে দেখানো আছে সেইভাবে<b> Add a Gadget </b>এ<b> </b>ক্লিক করুন ।</div>
<div class="MsoNormal" style="background-color: white; color: #5e6f68; font-family: Arial, Verdana; font-size: 12px; line-height: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixaRq0A7mWC79cnwxGjNlhyAclvH6W9q2QE-XOHT6fTyWY4SpSxjow-o8CXKtmSDuhIfS3kwOfxOy9pG6xULYssmwoB1SepKPTDG-ME3W9P9f3nsXlDWtUU32pOhQY9utiRZN3WW5u-lY/s1600/add-a-gadget-screen-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixaRq0A7mWC79cnwxGjNlhyAclvH6W9q2QE-XOHT6fTyWY4SpSxjow-o8CXKtmSDuhIfS3kwOfxOy9pG6xULYssmwoB1SepKPTDG-ME3W9P9f3nsXlDWtUU32pOhQY9utiRZN3WW5u-lY/s1600/add-a-gadget-screen-.png" width="320" /></a></div>
<div class="MsoNormal" style="background-color: white; font-family: Arial, Verdana; line-height: 20px;">
<h4 style="text-align: left;">
Step 2</h4>
<div class="MsoNormal">
<span style="font-size: 12px;"> </span>ঠিক নিচের ছবিতে যেভাবে দেখানো আছে সেইভাবে <b> HTML/JavaScript</b> এ ক্লিক করুন।</div>
<div class="MsoNormal" style="color: #5e6f68; font-size: 12px;">
<br /></div>
<div class="separator" style="clear: both; color: #5e6f68; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZMqef8txsPxgZ6JIMK5DyQOWkI2Bvjz7wE_yGK_phF-0PmJinYW3MAljsYItqN9ktcWLsaimhdTIbv1-Q_nxvBomhi3-d6asfNZEb0RIYnSEgz0KENkJ3RPPk45M8YfT32oGGoEN3lyk/s1600/Add+Feedback+button+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZMqef8txsPxgZ6JIMK5DyQOWkI2Bvjz7wE_yGK_phF-0PmJinYW3MAljsYItqN9ktcWLsaimhdTIbv1-Q_nxvBomhi3-d6asfNZEb0RIYnSEgz0KENkJ3RPPk45M8YfT32oGGoEN3lyk/s1600/Add+Feedback+button+2.png" /></a></div>
<div class="MsoNormal" style="color: #5e6f68; font-size: 12px;">
<br /></div>
<div class="MsoNormal">
<h3 style="text-align: left;">
<span style="font-size: small;">Step 3</span></h3>
<div class="MsoNormal">
নিচের কোডটুকু কপি করে বক্সে পেস্ট করুন।</div>
<div class="MsoNormal" style="color: #5e6f68; font-size: 12px;">
<br /></div>
<div class="MsoNormal" style="font-size: 12px;">
<blockquote class="tr_bq" style="color: black; font-style: italic; overflow: hidden; padding-left: 9px;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2<br />
F<span style="color: red;">rezstechblog</span>&amp;width=300&amp;<br />
height=190&amp;show_faces=true&amp;colorscheme=light&<br />
amp;stream=false&amp;border_color&amp;header=false"<br />
scrolling="no" frameborder="0" style="border:none;<br />
overflow:hidden; width:312px; height:190px;" allowtransparency="true"></iframe><br />
<a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;"><br />
<a href="http://www.haakblog.com/2014/10/facebook-like-box-widget-for-blogger.html" target="_blank" title="Facebook Widget">Facebook Widget</a></div></blockquote>
<h4 style="text-align: left;">
<b>Tips:</b><span style="color: #5e6f68;">  </span><span style="color: red;">rezstechblog</span><span style="color: #5e6f68;"> </span>টি চেঞ্জ করে দিন আপনার ফেসবুক পেজ নাম অনুশারে।আপনি অবশ্য চাইলেই <span style="color: red;">Width</span><span style="color: #5e6f68;"> </span>,<span style="color: #5e6f68;"> </span><span style="color: red;">Height</span><span style="color: #5e6f68;"> </span>আপনার চাহিদা মত চেঞ্জ  করে নিতে পারেন।</h4>
</div>
<div class="MsoNormal" style="color: #5e6f68; font-size: 12px;">
<br /></div>
<div class="MsoNormal">
<h4 style="text-align: left;">
<span style="font-size: small;">
Step 4</span></h4>
<div class="MsoNormal">
 save বাটানে ক্লিক করুন।কাজ শেষ!!!!</div>
<div class="MsoNormal">
<br /></div>
<div style="text-align: left;">
এবার <b>View blog </b>এ ক্লিক করে চেক করে দেখতে পারেন কেমন হল.........................................................</div>
</div>
</div>
</div>
</div>