আপনার ব্লগার সাইটে এড করে নিন Recent Comments Gadget ।। Original code of WikiBN

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

নোটঃ আপনার ব্লগার সাইটের টেমপ্লেটে যদি আগে থেকে কোন 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 টা দেখালাম না।

এই ছিল আজকের কন্টেন্ট। আবারো হাজির হবো নতুন কোন টপিক নিয়ে। কোথাও কোন বুঝতে সমস্যা হলে কমেন্টের মাধ্যমে জানান। ভালো থাকুন সুস্থ থাকুন আমাদের সাথেই থাকুন।