Add Busy & Busy Comment Widget to your Blogger Blogs

Making your blog active is with your comment widget/box. The reader who comments on anyone of your blog post then it will be automatically added to this widget with the post link. These things makes the readers to feel proud of it for listing up there. There may be Many Comment system or Widgets for Blogger, but they are all doing same task. And most of us will be using Commentluv, Livefyre, Disqus comment widgets and more though it has better design. So if your looking for a creative designed comment widget for your blog then you can add this new Busy & Busy Comment Widgets to your Blogger Blogs.

Add Busy & Busy Comment Widget to your Blogger Blogs

As there are widgets to send voice comments you need some cool effects here. So in this widget you will be shown up with the commentators avatars, their comments and with the post URL. Including this you will also get awesome hover effect for the images. You can customize those images size in square or round while hovering. This widget won’t reduce your blog loading speed or it won’t occupy much space. So you I recommend you to add this tool to your blog for furnishing your Default Comment Widget with this new one. And I really like to appreciate Bikiran for sharing this fabulous tool with all ๐Ÿ˜‰

So for adding the Busy & Busy Comment Widgets to your blog just follow up my simple steps mentioned below. It can be installed on your blog just by adding simple codes to it. Lets check out How?

How to Add Busy & Busy Comment Widget to Blogger

Step 1: Go to Blogger >> Layout >> Add Gadget >> HTML/Javascripts 
Step 2: Then Paste the following code there,
<style type=”text/css”>
ul.nbl_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
.nbl_recent_comments img {
opacity: 0.6;
.nbl_recent_comments img:hover {
opacity: 1;
.nbl_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 6px 7px 6px 7px !important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
.nbl_recent_comments li:hover {
    background: none !important;
    border: solid 1px #D5D3D3;
    margin: 0 0 6px !important;
    padding: 5px 6px 5px 6px !important;
.nbl_recent_comments 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 6px 0;
    position: relative;
    overflow: hidden;
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
.nbl_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
.nbl_recent_comments li span {
    margin-top: 4px;
    color: #999;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
.nbl_recent_comments li span:hover {
    color: #000000;
<script type=”text/javascript”>
    // Recent Comments Settings
 numComments  = 6,
 showAvatar  = true,
 avatarSize  = 18, roundAvatar = true,
 characters  = 100,
 showMorelink = true,
 moreLinktext = “More ยป”,
 defaultAvatar  = “”,
 hideCredits = false;
<script type=”text/javascript” src=””></script>
<script type=”text/javascript” src=”“></script>

Step 3:  Now Replace triposoft with your Feedburner username and customize the colored element with your own.
Step 4: Once you finish everything, Save it & Check your blog, Cool..?


Do you really like this widget? Are still need to add more effects to it? Share your thoughts in comments below! If you’re facing any issues then drop them in comments and we’re ready to guide you. Good luck ๐Ÿ™‚
Facebook Comments

Speak Your Mind


CommentLuv badge