Customize "Follow by email" in Blogspot
To enable Follow by Email, click the Add a Gadget link from the Design | Page Elements tab, and then select the Follow by Email gadget. After having added the gadget to your sidebar, follow these steps,- Go To Blogger > Design > Edit HTML
- Backup your template
- Search for,
]]></b:skin>4. Just above it paste the following CSS code,
/*---Copyrighted MBT's Tutorials---Follow by email---*/Make these changes,
.FollowByEmail .follow-by-email-inner .follow-by-email-address{color:#4DA6FE !important; width:100%;height:22px;font-size:13px;border:1px inset}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:60px;margin:0;border:0;border-radius:4px !important;-moz-border-radius:4px !important;background:#4DA6FE !important;background:rgba(0,0,0,.6);color:#fff;font-size:13px;height:24px;z-index:0}
.follow-by-email-inner .follow-by-email-submit:hover{background:#FF7700 !important;}
- To change Input text color then edit #4DA6FE . Use our color generator tool
- To change Submit button background color in active mode then simply edit #4DA6FE
- To change the background colour of submit button on mouse hover mode then edit #FF7700
View your blog to see the new changes successfully applied. Now enjoy putting a better impression on your readers and stand out from your competitors by using a custom follow my Email gadget. Let me know if you needed any further customizations. Have fun. :)