Highlight Author Comments With Admin Ribbon In Blogger

Here we comes with another ribbon! recently we have published a code to highlight new and old posts on home page with a new, old ribbon and now in this post I'm going to tell you how to add "Admin" ribbon on author comments. See the screenshot for better understanding. For adding this code you just need to add a single style sheet code in your template. This ribbon will give your comments an eye catching look. This ribbon will give your comments a bright look.  The Admin image given in the screenshot is uploaded on picassa so you don't need to worry about the image loading time and server errors. Lets proceed to add this ribbon in your blog

Features Of Admin Ribbon

1. It doesn't affects your page loading time 
2. No Java script no j query
3. Plain style sheet code designed in css3
4. No need to add extra html codes in your blog
5. Eye catching look

How To Highlight Author Comments With Admin Ribbon In Blogger Blog

For highlighting admin auther comments, you just need to add a simple stylesheet code in your blogger template.

1. Go to blogger.com
2. Open Your Blog.
3. Go To "Template".
4. Click "Edit HTML".
5. Now, Search For "]]></b:skin>" 
6. Add the code given below above "]]></b:skin>"

.comments .comments-content .icon.blog-author {
position: absolute;
top: 52px;
right: -36px;
margin: 5px 0 0!important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_GZM7O2pgsj0UK4zvYtVtd9XLk6qa0NGWjeZBaUgJpLs2SGlS3TmCl8iYTZHR-KL-XzYV2cj6SCdtUB4zakWzVa5dIPFUip7LqXtFuC9bihUjxyy3A3OT6MJ5lGdocJdwN8CPczQBI7Eq/s320/aDMIN.png) no-repeat scroll 0 0 transparent;
width: 90px!important;
height: 90px!important;
}

Save your template and you are done. Sometimes the Admin ribbon doesn't gets placed correctly, so make changes in the highlighted codes given above to place the ribbon correctly.