Remove Blogger/Google+ icon following your Blogger Profile name

Blogger recently made changes to the templates or i may say the Profile gadget, it's not such a big change, they have only added a small Blogger icon following the Blogger Profile name. In this tutorial i will be showing how to remove the Blogger Icon.

Update : Also works if you have Google+ logo following your name in the profile gadget.

I think the Blogger Icon looks great before the profile name, it proudly represents that you are a Blogger user, here's what it is.



If you don't really liked this new change then remove it ! Don't worry we will guide you how to remove the logo.
This will be done using CSS and it's very easy, so you don't need to be a tech savvy person. 

How to Add CSS - Go to Blogger Dashboard > Template > Customize (Template Designer) > Advanced > Add CSS > Paste the CSS in the custom CSS box and preview, if you find it okay, then hit Apply to Blog.

The CSS :

.profile-name-link
{
    background-image:none !important;
    padding-left:0px;
}

The second CSS property is for removing the space left after hiding the blogger logo.

Hope that helps you :)