Customize Blogger's Official Follow By Email Widget

Every bloggers needs more and more subscribers for their blog. You can use blogger's official Follow by Email widget. This widget could help you to get more subscribers for your blog. You can add this widget easily from "Add a Gadget" option. But I want to tell you that you can customize blogger's official follow by Email widget with beautiful styles.

The most powerful benefit of this widget is that you don't need to install any heavy Javascript because you are using a widget stored on Blogger's servers. Let's start this tutorial:

Recommend For You: Customize Blogger's Official Popular Posts Widget

Customize Blogger's Official Follow By Email Widget

• Go To Blogger Dashboard and Click Drop Down. 
• Now Select "Template" > EDIT HTML
• Now Click Proceed button.
• Press Ctrl+F  & Find ]]></b:skin>
• Choose Below Style Code and Paste Before ]]></b:skin>

<!-- Email Form Style By www.blogsdaddy.com -->
.follow-by-email-inner {
padding: 180px 60px 0px 20px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiINfQkt1WBvxUtCuww1Y6UVF9WhS2nb6y3eTDQTu3aj05Vojgam-_4wHBixquEj1k26xUqlME9r0HOaSFpvCtOTbnSrUPahyTFEIzlP8bL09mapsoXg-OhEqRXZT_MnXnLSxZw5zRXmXw0/s1600/blogsdaddy.com2hnm72t.png") no-repeat;
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
width: 310px;
height: 50px;
}

<!-- Email Form Style By www.blogsdaddy.com -->
.follow-by-email-inner {
padding: 110px 30px 0px 30px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinWvayOplw1IFwAtHC96dOn5ZxagnXKDxIe6mNs4iOKclH1Qn_703KlEOQBc6LsRK9bhyphenhyphens1VRl2VM-JDXYrBE8A-R_zP1pyvl-k3gIAO-nin6a6u2FK_A_LYBRt_x22AGb6wzHMImqZjvB/s1600/blogsdaddy.comjh315k.png");
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
height: 65px;
width: 260px;
}

<!-- Email Form Style By www.blogsdaddy.com -->
.follow-by-email-inner {
padding: 25px 30px 0px 380px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5RM0hyQ0TbtxZfPePNIjqG8uItW6e1KIrOW0uz7S26_k7L51gG3NGvCJ3OukXMk4x_ZSjdBJTfn7q3qfDar83SrHsk7HUgFFyGCjqpHISuq9LNHBWSajnhq1OgKNTpHvhcTYY25ntP0s/s1600/blogsdaddy.com6xpz53.png") no-repeat;
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
height: 55px;
width: 250px;
}

<!-- Email Form Style By www.blogsdaddy.com -->
.follow-by-email-inner {
padding: 20px 30px 0px 30px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Dr8ohWWw01Lh4ljIUqL5SBGv8a1OaWNleY77gFKx8TbgOK4XBW3ovuNq3VJ8wnr-V1RlEsjrLFFAHikIVMJMmsXYrvgacpranSY72EOiS_snv0r3Rap9HRA9BX0UsQHGJbxpFN41uoVj/s1600/blogsdaddy.com34ywk5c.png") no-repeat;
font-weight: bold;
margin-top: 10px;
border-radius: 5px;
height: 55px;
}

You May Like To Read:

1. How To Add Beautiful CSS3 Buttons To Blogger Blog
2. How To Add Slide Out Floating Sharing Buttons For Blogger Blog
3. 3D Social Buttons With Rotate Spin Effect For Wordpress And Blogger
4. How To Add Spraying Animated Subscription Buttons On Blogger Blog

How to Add Blogger's Official Follow By Email Widget

• Go To Blogger Dashboard > Layout
• Click on Add a Gadget and Select The "Follow By Email" Gadget
• Give It Title and Click On Save Button
• Its All Done :)

If you need any help then ask via comments.I'm happy to help you.Happy blogging and Stay Blessed :)

Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.