flat vector subscription box

Hi friends,in this post I am sharing free flat subscription box.

You can also check the below links.

flat vector subscription box

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……… Print Friendly and PDF
SHARE

About me

Hi. I am interested in blogging.And sometimes play with webdesign,web development,domain sale,designing logo and more.

    Blogger Comment
    Facebook Comment

0 comments :

Post a Comment