Thursday, November 1, 2012

Customize Blogger's Official Follow By Email Widget

Author: Gagan Masoun
Follow By Email Blogger WidgetEvery 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:

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>
Fixed Follow By Email Widget
<!-- 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;
}
Fixed Subscription By Email Widget
<!-- 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;
}
Subscribe To Our Newsletter

<!-- 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;
}
Follow By Email
<!-- 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

Blogger- Follow By Email
  • 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
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.

3 comments:

  1. I'm extremely impressed with your writing skills as well as with the layout on your blog. Is this a paid theme or did you customize it yourself? Anyway keep up the nice quality writing, it is rare to see a great blog like this one today..

    ReplyDelete