25 June 2011
Customize "Follow by Email" Gadget in Blogger
Blogger released official blogger widget, that is "Follow by Email". The Follow by Email gadget provides blog authors a simple way for their readers to subscribe to the latest updates, Which are delivered directly to the reader's inbox. when new blog content is published, All subscribed readers will receive a daily email notification of new published posts, Which includes a copy of new content as well as links back to the actual posts. You no need to create your feed with FeedBurner account, Blogger will Create a FeedBurner Account with your feed automatically and retrieve all the information about email delivery options before adding this widget.
To Add This Gadget, Follow These Simple Steps
1. Login to Blogger account Dashboard >> Design >> Page Elements tab and Click on the "Add a Gadget" Link.
2. On the next window Select "Follow By Email" gadget which should be located at the top of the list.
3. Now you will be taken to the Gadget Options Page. Click the Save button and you are done.
You are done now!! Wasn't that Simple?
Customize "Follow By Email" Widget
Customize your "Follow By Email" Widget by adding CSS ie, background color, background image, border, text size, text color and so on... Simply add this code before ]]></b:skin> tag.
1. Go to Blogger > Design > Edit HTML
2. Save your template
3. Search for,
]]></b:skin>4. Just Before it paste the following CSS code,
.FollowByEmail .follow-by-email-inner .follow-by-email-address {Make these changes,
color:#0080ff;
height:16px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
cursor:pointer;
background:#4488dd;
height:28px;
margin:12px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
color:#E98313;
background:#2266bb;
}
To change Input Text color then edit #0080ff . Use our color generator tool
To change Submit button background color in active mode then simply edit #4488dd
To change Text color of Submit button on mouse hover mode then edit #E98313
To change the Background color of Submit button on mouse hover mode then edit #2266bb
5. Save your template and View your blog to see the new changes successfully applied.
About Author
Ahmed Shehzad Hi, I am the Founder and Editor of Blogger4ever, I loves writing about Blogger Tricks and Tips, Blogger Tutorials, Hacks and Widgets and everything about Blogger.... Follow me on Google+
Subscribe to:
Post Comments (Atom)
0 Responses to “Customize "Follow by Email" Gadget in Blogger”
Post a Comment