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

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

নোটঃ আপনার ব্লগার সাইটের টেমপ্লেটে যদি আগে থেকে কোন Comment Gadget এড করা থাকে তাহলেই সেটাই ব্যবহার করুন। আর, কোডটি Customization ভিডিওতে দেখানো হয়েছে।

Demo

Recent Comments Gadget Demo, Setup and Customization Video

Code of this Comment Gadget

<br /><br />
/*Comment Css by WikiBN.COM*/<br /><br />
ul.ms_recent{list-style:none;margin:0;padding:0;}<br /><br />
.ms_recent li{background:transparent;margin:0 0 6px!important;padding:3px<br /><br />
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;<br /><br />






border-radius:9px; max-height: 100px;}<br /><br />
.ms_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}<br /><br />
.ms_recent a {text-decoration:none;}<br /><br />
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}<br /><br />
.avatarRound{border-radius:100px;width:35px;height:35px}<br /><br />
.ms_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}</p><br />
<p>//</p><br />
<p>

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 টা দেখালাম না।