আপনার সাইট এ একটা সুন্দর Social sharing widget যোগ করুন

এখানে আমি বলবো কিভাবে আপনার সাইট এ সুন্দর Social sharing Gadget ADD করবেন।

blogger এ লগিন করুন। তারপর,
Design < Edit HTML < Expand Widget Templates < CTRL+F দিয়ে নিচের কোড টা খুজেন।

<div class=’post-footer-line post-footer-line-1′/>

তারপর নিচের কোড কপি করে উপরের কোড এর নিচে বসান।

<b:if cond=’data:blog.pageType == “item”‘>
<style>
.promote_post_bg {
    height: 103px;     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtVX7rV2Z-hbQLvvRSOVfO4zPo9G8O38PMWFDVkyOziyIjyochihHQM_O2Mla9Yp_I0EVLONSgqytzpk4msL0OUZzfcYZlFZSQWqHely8HV4hYil_bRkW73UGAwYGfUxA1QfhFOY7ghkU/s1600/latesthack.png) 0 -7px no-repeat;     width: 500px;     margin-left: 65px;
}
.promote_twitter {     width: 130px;     height: 38px;     float: left;     margin: 0 39px 0 0;     padding: 65px 0 0 13px;     text-align: center;
}
.promote_facebook {     width: 115px;     height: 40px;     float: left;     margin: 0 39px 0 0;     padding: 63px 0 0 28px;     text-align: center;
}
.promote_google {     width: 65px;     height: 40px;     float: left;     margin: 0 39px 0 0;     padding: 65px 0 0 28px;     text-align: center;
}
</style>
    <div class=’promote_post_bg’>         <div class=’promote_twitter’>
       <a class=’twitter-share-button’ data-via=’latesthack’ href=’https://twitter.com/share’>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
      </div>
      <div class=’promote_facebook’>
    
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:100px; height:21px;’/>      </div>
        <div class=’promote_google’>             <script type=’text/javascript’>                 (function () {                     var po = document.createElement(‘script’);                     po.type = ‘text/javascript’;                     po.async = true;                     po.src = ‘https://apis.google.com/js/plusone.js’;                     var s = document.getElementsByTagName(‘script’)[0];                     s.parentNode.insertBefore(po, s);                 })();             </script>             <g:plusone annotation=”none” size=’medium’></g:plusone>         </div>     </div>
<p style=”display:none;”>Social Sharing Widget by<a href=”http://addedsoft.blogspot.com”>Latest Hack</a></p>
</b:if>
তারপর সেভ এ ক্লিক  করে বের হয়ে আসুন। আপনার ব্লগ পোস্ট দেখুন। সুন্দর লাগলে comment করবেন। কমেন্ট এর জন্য বসে রইলাম।