Add Author Ribbon in Comment box in Blogger

To add author ribbon in author comment to give it a special touch .we use css property for comment.

Follow Step

STEP 1.
 Click on 'Template' on left side of page.

STEP 2.
In Template page.Click on 'Edit HTML' button.

STEP 3.
In Edit HTML page.Click on  'Proceed' button

STEP 4.
press 'ctrl + f '  &  Find  ']]></b:skin>' and Just Above it paste below code

STEP 5.

.comments .comments-content .icon.blog-author { position: absolute; top: -2px; right: -9px; margin: 0; background: url(http://1.bp.blogspot.com/-EJmwh15Urmc/T89WMFenyGI/AAAAAAAAGlg/Lt8N7DprwFU/s320/author-pink.png) no-repeat; width: 36px; height: 36px; }

STEP 6.
Now  'Save Template'

Look of Ribbon
To use diferent color ribbon choose one of the ribbon link and replace it from blue-color font in above code

RED-RIBBONE : this is the red color ribbon alredy have image link in ABOVE code

GREEN-RIBBONE                             : http://3.bp.blogspot.com/-U-Dv6Xse-VI/UA7g-c_PbhI/AAAAAAAAAxQ/al6quGVQhG4/s1600/rb+green+ribbon.gif

BLUE-RIBBONE                                                          :   http://4.bp.blogspot.com/-Tnrzp5Dosro/UA7iLbGBF8I/AAAAAAAAAxY/2tFl_egIi2U/s1600/rb+blue+ribbon.gif

The Final Code look like

.comments .comments-content .icon.blog-author{
position: absolute;
top: -2px;
right: -9px;
margin: 0;
background: url(http://1.bp.blogspot.com/-EJmwh15
Urmc/T89WMFenyGI/AAAAAAAAGlg/Lt8N7DprwFU/s320/author-pink.png) no-repeat;
width: 36px;
height: 36px;
}

]]></b:skin>