Step:1
সর্বপ্রথমে নিচের CSS Code টি Copy করুন । AndThan Edit HTML এ গিয়ে </head> এর উপর নিচের Copy করা CSS Code টি Past করুন ।
<style>
/* Emoji reaction Widget by Techandfunzone */
.sharethis-inline-reaction-buttons{display:flex;max-width:100%;padding:10px 17px;line-height:25px;background:var(--headerB);border-radius:11px;box-shadow:2px 4px 11px #c0c0c0, -2px -4px 11px #fff;font-size:16px;font-family:inherit;color:#08102b;text-align:center}.drK .sharethis-inline-reaction-buttons{box-shadow:2px 4px 11px #1f1f1f, -2px -4px 11px #000; background:#2d2d30}
@media screen and (min-width:360px){
.sharethis-inline-reaction-buttons{display:block;padding:0;font-size:13px}}
</style>
Step:2
এরপর নিচের Javascript Code টি Copy করুন এবং Edit HTML এ গিয়ে </body> এর উপর নিচের Copy করা JS Code টি Past করুন ।
<script>/*<![CDATA[*//* ShareThis (LazyLoad) by Tech and Fun Zone */
var lazyReact = false; window.addEventListener('scroll', function(){if ((document.documentElement.scrollTop != 0 && lazyReact === false) || (document.body.scrollTop != 0 && lazyReact === false)) { (function() { var ad = document.createElement('script'); ad.setAttribute('type','text/javascript'); ad.async = true; ad.src = 'https://platform-api.sharethis.com/js/sharethis.js#property=63f775e49601ba00121e3013&product=inline-reaction-buttons'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyReact = true; }}, true);
/*]]>*/</script>
Step:3
সবশেষে, নিচের HTML Code টি Copy করুন ।এবং Theam এর যে জায়গায় Emoji Reaction Widget লাগাতে চান । ওই জায়গায় Copy করা HTML Code টি Past করুন । আপনি <data:post.body/> এর উপর Past করুন ।
<b:if cond='data:view.isPost'> <div class='sharethis-inline-reaction-buttons'/> </b:if>