সাসালামু ওয়ালাইকুম। আশা করছি ভালো আসেন। আজকের এই টিউনে আমি আপনাদের নিকট শেয়ার করব WikiBN এর Recent Comment Gadget যেটি আপনি আপনার ব্লগার সাইটে খুব সহজেই এড করে নিতে পারবেন। এজন্য আলাদা করে আপনার ব্লগার টেমপ্লেটটিকে এডিট করতে হবে না। এছাড়াও এই Recent Comment Gadget এ রয়েছে অসাধারণ সব ফিচার। আমিও এই Gadget টি ব্যবহার করতেছি আপনিও ব্যবহার করে দেখুন ভালো লাগবে।

Blogger comment weight, Blogger comment gadget, Recent comment, Recent comment weight for blogger, How to add a recent comment weight on blogger, stylish comment box for blogger, custom comment box for blogger, recent comments widget for blogger 2019, blogger comment, best comments for blogger, comment box widget, blogger widget, how to add widgets in blogger
নোটঃ আপনার ব্লগার সাইটের টেমপ্লেটে যদি আগে থেকে কোন Comment Gadget এড করা থাকে তাহলেই সেটাই ব্যবহার করুন। আর, কোডটি Customization ভিডিওতে দেখানো হয়েছে।

Recent Comments Gadget Demo, Setup and Customization Video



Code of this Comment Gadget

<style>
/*Comment Css by WikiBN.COM*/
ul.ms_recent{list-style:none;margin:0;padding:0;}
.ms_recent li{background:transparent;margin:0 0 6px!important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.ms_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.ms_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:100px;width:35px;height:35px}
.ms_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
</style>

<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 maxfeeds=50,
 adminBlog='WIKIBN';
//]]>
</script>
<script type="text/javascript" src="https://drive.google.com/uc?export=view&id=1Zm7UbprQlHoyRDxbfOWQA07mZZ8U-4Lf"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=ms_recent&amp;&amp;max-results=50">
</script>

How to hide WikiBN Credit

WikiBN এর ক্রেডিট রিমুভ বা হাইড করার জন্য নিচের Syntax টি Var এর মধ্যে সংযুক্ত করে দিলেই হবে।
hideCredits = true;

Setup Instraction

  • Login to Blogger Dashboard
  • Choose Site
  • Layout
  • Add Gadget (Choose the exact locaticon where you want to add this)
  • Html/ Javascript Code
  • Past the code
  • Customize the code
  • Save it
  • Enjoy !!
আপনাকে অবশ্যই আপনার সাইটের jQuery Install করতে নিতে হবে যদি jQuery Install করা না থাকে। এখনকার সব টেমপ্লেটগুলোতে লেটেস্ট ভার্সনের jQuery Install করা থাকে তাই jQuery Installation টা দেখালাম না।
এই ছিল আজকের কন্টেন্ট। আবারো হাজির হবো নতুন কোন টপিক নিয়ে। কোথাও কোন বুঝতে সমস্যা হলে কমেন্টের মাধ্যমে জানান। ভালো থাকুন সুস্থ থাকুন আমাদের সাথেই থাকুন।