14 Oct 2017

HOW TO CUSTOMIZE FOLLOW BY EMAIL GADGET

while looking for a good and simple tutorial to customize the follow by email gadget, i stumble upon this simple tutorial here.
  http://www.thesepapersites.com/2013/12/26/blog-design-tips-and-tricks-customized-email-gadget-blogger/
 Login to your blogger dashboard>theme>customize>advance>add css  and paste the below code in the add css area.Change the background colour as it suit you.
 
.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
 
After adding the code,click apply to blog.finished



No comments: