This is simply basic Flat UI email membership or update
widget which will help you to addition more subscribers and adapt them. It's
plan is very little lovely however have effortlessness and Flat UI style which
draws in individuals to turn into your subscriber. Initially, it has remarkable
header and graphic message underneath header. After that, it holds two
information fields which are name and email. At whatever point somebody comes
to compose his/her name or email, it gives a wonderful shadow impact which
excellence the subscriber's name or email. At the closure or bottom, it has
huge charming sign up bind with Flat impact. This widget is made with
unadulterated HTML and Css3 another style of subscription box is Beautiful Email Subscription Blogger Widget.
Steps to add : -
- Go To Blogger => Layout => Add a Gadget
- Choose HTML/JavaScript widget
- Paste The Below Following Code in Content Box.
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/>
<div id='byard-emailsubsocial'>
<div class='heading'>
Sign Up in Seconds
</div>
<p>Sign up with your email address to receive hot updates straight in your inbox.</p>
<div class='emailsub'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SIMBH', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type='text' name='name' placeholder='Your Name' />
<input type='text' name='email' placeholder='Your Email' />
<input type="hidden" value="SIMBH" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input value="Sign Up Now!" class="button" type="submit" />
</form>
</div>
<p id='credits'>Powered By : <a href='http://www.SIMBH.com'>Blogging tips</a></p>
</div>
<style type='text/css'>
#byard-emailsubsocial {
width: 300px;
height: 330px;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
}
#byard-emailsubsocial .heading {
padding: 15px 25px;
line-height: 35px;
font-size: 26px;
font-weight: 600;
font-family: open sans;
color: rgb(170, 170, 170);
text-align: center;
text-shadow: 0px 1px rgba(255, 255, 255, 0.75);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
}
#byard-emailsubsocial p {
font-family: open sans;
font-size: 13px;
color: rgb(170, 170, 170);
line-height: 25px;
padding: 10px 20px 0 20px;
margin: 0;
}
#byard-emailsubsocial .emailsub {
padding: 0px 20px 10px 20px;
}
#byard-emailsubsocial .emailsub input {
color: rgb(170, 170, 170);
padding: 10px;
margin-top: 10px;
font-size: 15px;
font-family: open sans;
width: 92%;
border: 1px solid #ccc;
border-bottom: 2px solid #ccc;
border-radius: 5px;
transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#byard-emailsubsocial .emailsub input:focus {
border-color:#F4836A;
outline: none;
box-shadow: 0 0 2px 1px #F4836A;
}
#byard-emailsubsocial .emailsub .button {
background: #F4836A;
color: white!important;
border:none;
outline: none;
border-bottom: 3px solid #B3614E;
transition:background .4s linear;
width: 90%;
margin-right: 5%;
margin-left: 5%;
font-weight: 600;
cursor:pointer;
}
#byard-emailsubsocial .emailsub .button:hover{
background: #DD7761;
}
#credits {
margin: 0 auto!important;
margin-top: -10px!important;
width: 160px;
}
</style>
- Replace SIMBH With Your Feed burner Username.
- Click on Save!
So people
how is the Flat UI email membership box? Trust you've enjoyed it and
additionally executed it in your site. If its not too much trouble attempt to
don't evacuate the acknowledge connects in it as it is free form and when you
need to uproot join than you can buy permit of it from us. Offer this widget
with your companions and delight in the new widget.
Like the Post? Share with your Friends:-
0 comments: