Don't Miss

Elegant and Clean Email Subscription Box for Blogger

By Zohaib Liaqat - 6 Comments
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.
Elegant and Clean Email Subscription Box for Blogger

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

Tags:

6 comments to ''Elegant and Clean Email Subscription Box for Blogger"

ADD COMMENT
  1. Nice post. I'd get a kick exposed of the chance to stamp like this excessively attractive time and genuine diligent work to make a huge article. I am in all actuality content with article quality and direction. You can make use of this custom essay writing service paperwork for any sort of scholastic written work. Our on paper work benefit is having encountered specialists for making a wide variety of activities is capable way. You rock for conservation colossal stuff. I am extremely thanks to say that because it is more helpful to everyone.

    ReplyDelete
  2. Captivating article! Thankful to you for sharing them! I believe you will continue having equivalent shows on share with everyone! I trust numerous people will be dumbfounded to examine this article!
    Web: Essay writing service reviews

    ReplyDelete
  3. Are you seeking to get the perfect live video streaming app? Bigo Live Apk is one of the best apps available to all the users for making a live broadcast. The users can broadcast all their activities that take place in their day to day life. One can easily connect with their friends, broadcasters, followers and more through this app.

    ReplyDelete
    Replies
    1. You rock for conservation colossal stuff. I am extremely thanks to say that because it is more helpful to everyone. I can advise a great resource useful reference it will help you in learning.

      Delete
  4. Having read this I believed it was extremely informative. I appreciate you taking the time and effort to put this information together. I once again find myself spending way too much time both reading and commenting. But so what, it was still worth it!
    PSN Codes
    Roblox Asset Downloader
    Roblox Music Codes
    Free Steam Wallet Codes

    ReplyDelete