Hello, friends welcome to our blog. You might be seen many websites using the recent comment widget on the sidebar. You might also think about how they add a recent comments widget. So we published a tutorial about how to add a recent comments widget in Blogger. So without wasting any time let's check.
First of all, I like to give some information about the recent comments widget!
How does the recent comments widget work?
Do you want to add recent comments widgets?
What all need to check before adding a recent comments widget?
How to add a recent comments widget in Blogger?
<style type="text/css" scoped>
<!-- Code by Advanced Coder -->
ul.ac_recent{list-style:none;margin:0;padding:0;}
.ac_recent li{background:#0000;margin:0 0 6px!important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:5px; max-height: 100px;}
.ac_recent li:hover{background:#fff;border: 1px solid ;}
.ac_recent a {text-decoration:none; color: }
.avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:100px;width:35px;height:35px}
.ac_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
.darkMode .ac_recent li{background:#252526;border-color:}
.darkMode .ac_recent a{color:}
.darkMode .ac_recent li span {color:}
</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",
hideCredits = False;
maxfeeds=50,
adminBlog='';
//]]></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/sunii-g/Eris/comment.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=ac_recent&&max-results=50">
</script>
After adding the code save the gadget.