Hi friends,in this post I am sharing free flat subscription box.
You can also check the below links.
Let see how to create this,
- Goto Blogger >> Layout >> Add a gadget >> Choose Html/Java script and click plus icon.
- Now copy and paste the below code in that widget .
| <style>
#vectorflatuikit{
width:270px;
height:400px;
background:#ffffff;
border:14px solid #e9ecf1;
}
#vectorflatbgimage{
width:270px;
height:170px;
background:url(http://3.bp.blogspot.com/-8j1yYhUdG2s/UxibVFerbII/AAAAAAAADX8/ CiFoLhT0Bsk/s1600/vectorflatmail.png);
background-size:100%;
background-repeat:no-repeat;
margin-bottom:-17px;
}
#vectorflatbackg{
background:#4faf4f;
width:270px;
height:50px;
}
#vectoruname{
background:url(http://2.bp.blogspot.com/-hZhNtUm_TR0/UxibTCh4DXI/AAAAAAAADX0/ rjAKDg2SMuk/s1600/pencil-icon+copy.png) #4faf4f;
background-repeat:no-repeat;
margin-left:28px;
width:68px;
height:50px;
float:left;
}
#vectortext{
float:right;
width:170px;
height:50px;
font-family:WideLatin;
font-size:16px;
font-weight:bold;
color:#ffffff;
}
.vflatmailbutton{
width:250px;
height:50px;
background:#ffffff;
border:3px solid #dedede;
margin-left:8px;
font-family:Salina;
font-size:20px;
color:#212121;
text-align:center;
margin-bottom:20px;
}
.vflatmailsubbutton{width:220px;
height:50px;
background:#f8a32f;
border:3px solid #f8a32f;
margin-left:24px;
font-family:Salina;
font-size:20px;
color:#ffffff;
text-align:center;}
#vflatfooter{
font-family:Salina;
font-size:20px;
color:#212121;
text-align:center;
}
</style>
<div id = 'vectorflatuikit'>
<div id='vectorflatbgimage'></div>
<div id= 'vectorflatbackg'>
<div id = 'vectoruname' > </div>
<div><p id ='vectortext'> SUBSCRIBE NOW</p></div>
</div>
<div id = 'vflatmailbutton' > <form action=http://feedburner.google.com/fb/a/mailverify method="post" target="popupwindow"
onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=witsub', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true">
<input class='vflatmailbutton' type="text" name="email" placeholder='Enter Your Email' />
<input type="hidden" value="witsub" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input class='vflatmailsubbutton' type="submit" value="Submit" />
</form>
</div>
<div id = 'vflatfooter'>We Promise No Spam</div>
</div> |
- Replace “witsub” with your feedburner name.
That’s all friends………
Hi. I am interested in blogging.And sometimes play with webdesign,web development,domain sale,designing logo and more.
0 comments :
Post a Comment