How To Change the Blogger Comments Style

Hi Friends Today I Gonna Tell You That How To Change Or Add Beautiful Comment System In Your Blogger Blog.I Hope You Like This Widget.

How To Change Blogger Comments Style?
First Of All Log On To Blogger Dashboard
Now Open Template Section
Click On Edit HTML
Now Search For ]]></b:skin>
 And Paste Below Code Just Above It.

.comments .comment .comment-actions a { background: none repeat scroll 0 0 #FFD99E; border: 2px solid #FFB43D; border-radius: 3px 3px 3px 3px; color: #000000; font: bold 12px arial; margin-right: 14px; padding: 3px 9px; text-decoration: none !important; text-shadow: 1px 1px 0 #FFFFFF; } .comments .comment-block { background: none repeat scroll 0 0 #E2E2E2; border: 4px solid #ABABAB; border-radius: 3px 3px 3px 3px; padding: 3px 10px; } .continue a { background: none repeat scroll 0 0 #FFD99E; border: 2px solid #FFB43D; border-radius: 3px 3px 3px 3px; color: #000000 !important; display: inline-block !important; margin-top: 7px; padding: 3px 8px !important; text-decoration: none !important; text-shadow: 1px 1px 0 #FFFFFF; } .comment-block:hover > .comment-header { border-bottom: 2px solid #000; -moz-transition: border-color .5s ease; } .comment-header a { color: #000000 !important; } #comments .avatar-image-container img { border: 2px solid #FFFFFF !important; border-radius: 50px 50px 50px 50px; height: 57px; max-width: 57px; } .comments .avatar-image-container { border: 2px solid #FFFFFF; border-radius: 34px 34px 34px 34px; box-shadow: 1px 1px 3px #ABABAB; float: left; margin-left: -40px; max-height: 60px !important; overflow: hidden; width: 60px !important; }