Add Recent Comments Widget Alongside Avatars To Blogger

In i of the previous tutorials nosotros shared a elementary Recent Comments widget that displays the latest comments published on the weblog posts. However, the primary downside was that the widget didn't accept the selection to exhibit the users' avatars. So, for those who'd similar to run into something more, here's a fashionable Recent comments widget amongst circular avatars in addition to comment excerpts. Besides providing the selection of displaying the commenters avatars, we'll hold out able to modify the default ikon for the anonymous avatar every bit well.

So, let's laid about adding this cool recent comments widget inwards our Blogger blog...


How to add together recent comments widget amongst avatars

Step 1. Go to Blogger Dashboard in addition to select your weblog > larn to 'Layout' in addition to click the 'Add a Gadget' link:

In i of the previous tutorials nosotros shared a elementary  Add Recent Comments Widget amongst Avatars To Blogger

Step 2. When the pop-up window appears, scroll downward in addition to direct the 'HTML/JavaScript' gadget:


Step 3. Copy in addition to glue the code for the recent comments widget within the empty box:
<style type="text/css">
ul.helploggercomments{list-style: none;margin: 0;padding: 0;}
.helploggercomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
.helploggercomments li .avatarImage {padding: 3px;
background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
.helploggercomments li bridge {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var numComments  = 5,
showAvatar  = true,
avatarSize  = 60,
roundAvatar = true,
characters  = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar  = "https://rdbrry.blogspot.com//search?q=recent-comments-widget-for-blogger">recent comments widget amongst avatars for Blogger inwards the sidebar, he thinks that your weblog is pretty active in addition to that encourages him to postal service comments on your blog. This way, yous tin flaming assemble roughly active user base of operations to comment on your weblog posts.

Popular posts from this blog

Kerbrute - A Tool To Perform Kerberos Pre-Auth Bruteforcing

Cameradar V2.1.0 - Hacks Its Mode Into Rtsp Videosurveillance Cameras

Efiguard - Disable Patchguard Together With Dse At Kicking Time