How to Customized Email Gadget on Blogger

Do you ever get tired of the way your subscribe to email gadget looks in Blogger? Wouldn’t it be cool if it matched your blog theme? All you need to do is add some CSS to your code to modify the look of your email gadget for Blogger. It’s very simple, all you need to do is choose the colors you want. Here is an example of what one could look like:

You can choose your colors here: http://www.huecode.com/

Just copy the code in the color textbox and paste it where the red text is. Don’t delete the semicolon at the end though.

Then go to Blogger > Template > Customize (button) > Advanced > Add CSS, and paste in the following CSS with your color choices:

.FollowByEmail .follow-by-email-inner .follow-by-email-address{
color: rgb(47,46,78);
width: 100%;
height: 32px;
font-size: 13px;
border: none;
background: INPUT BACKGROUND COLOR;
padding: 0 0 0 4px;
}
 
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{
width: 60px;
margin-left: 8px;
padding: 0;
border: 0;
color: white;
background: BUTTON BACKGROUND COLOR;
font-size: 13px;
height: 32px;
z-index: 0;
border-radius: 0px;
font-family: Arial, Tahoma, Century Gothic, sans-serif;
}
 
.follow-by-email-inner .follow-by-email-submit:hover{
background: BUTTON HOVER BACKGROUND COLOR;
}

And you’re done! See, I told you it would be simple ;)