Elegant and Clean Email Subscription Box for Blogger

Email Subscription Boxes are one of the most essential widgets that we use in our blogs. Everyone knows the importance of Email Subscription Box and subscribers too. Email subscription boxes are the best way to collect your visitors/readers and provide them your latest updates directly to their inbox.

People are using different techniques for increasing their email subscribers list and one of the best ways for increasing subscribers list is adding an Email Subscription Box to your blog sidebar. We've also shared some of them. Just recently we've designed another Email Subscription box and on the basis of its design we named it Clean Email Subscription box as its design is clean and stylish. We've used light colors in its design, it has two forms, one for the name and the other for email address.

Recommended For You:

Flat UI Email Subscription Box For Blogger
Simple Flat UI Email Subscription Widget for Blogger
For more, visit our Widgets Inventory.

This email subscription box has a clean and simple design and we hope that it will attract your visitors and will help you in increasing your email subscribers list. Take a look at the image below to see how it looks.

How to Add an Email Subscription Widget to Blogger

First and foremost, log in to your Blogger Account >> Select a Blog >> Layout >> Click Add a Gadget, scroll down and select HTML/JavaScript gadget from the list. Now copy the below code and paste it in the empty widget box

<style>
#bgt-subscribe-box .header{
background: none ;
color: #a3a3a3;
font-size: 28px;
line-height: 36px;
padding: 15px 25px;
font-weight: 700;
font-family: open sans;
text-align: center;
}
#bgt-subscribe-box {
width:auto;
height:auto;
background:#e7e7e7;
}
#bgt-subscribe-box p {
font-family:'Open Sans';
font-size:13px;
color:#888;
line-height:20px;
padding:10px 20px 0 20px;
margin:0;
}
#bgt-subscribe-box .bgt-emailfield {
padding:0px 20px 10px;
}
#bgt-subscribe-box .bgt-emailfield input {
background:#fff;
color:#bbb;
padding:10px;
margin-top:10px;
font-size:13px;
font-family:'Open Sans';
width:91%;
border:0;
border:1px solid #ccc;
transition:all 0.4s ease-in-out;
}
#bgt-subscribe-box .bgt-emailfield input:focus {
outline:none;
border:1px solid #d9d9d9;
color:#888;
}
#bgt-subscribe-box .bgt-emailfield .bgt-submitbutton {
background:#4E5563;
color:#fff!important;
text-transform:uppercase;
font-weight:bold;
border:none;
outline:none;
width:100%;
cursor:pointer;
transition:all 0.4s ease-in-out;
}
#bgt-subscribe-box .bgt-emailfield .bgt-submitbutton:active {
outline:none;
border:none;
background:#444;
color:#fff;
}
#bgt-subscribe-box .bgt-emailfield .bgt-submitbutton:hover{
background:#718397;
color:#fff;
}
</style>
<div id='bgt-subscribe-box'>
            <div class='header'>
            Subscribe Now!
            </div>   
             <div class='bgt-emailfield'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogolect&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Name&quot;;}' onfocus='if (this.value == &quot;Enter Your Name&quot;) {this.value = &quot;&quot;;}' value='Enter Your Name'/>
               <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address&quot;) {this.value = &quot;&quot;;}' value='Enter Your Email Address'/>
<input name='uri' type='hidden' value='blogolect'/>
<input name='loc' type='hidden' value='en_US'/>
                <input class='bgt-submitbutton' type='submit' value='Subscribe Now!'/>

              </form>
             </div>
</div>

Replace both blogolect with your RSS Feed Name

Finally click Save button and you're done!

We hope this article may have helped you in adding An Email Subscription Widget to Blogger. Share this article with your friends, don't forget to subscribe us and Join our Bloggers Forum on Facebook @ https://www.facebook.com/groups/blogolectforum

Share This:

Tags:

Widgets

• Prevoius
• Next