Home blogger design subscription form free flat subscription box blogger

free flat subscription box blogger

kaviyarasu 09:31 Add Comment blogger , design , subscription form Edit

Hi friends , in this post I am sharing flat subscription box for blogger.And it is absolutely free!!!.

flat subscription box

Goto Blogger >> Layout >> Add a gadget >> Choose Html/Java script and click plus icon.
Now copy and paste the below code in that widget .
Replace "witsub" with your feedburner url.

<style>
#fivemax{
width:260px;
height:405px;
background-color:#f9f9f9;
padding-top:27px;
}
#rim{
width:201px;
height:204px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVl5buKUgzY8AzPONxW2dD6-GE6Duhdi9AlpKZO1huiKOeCrDvk7HYzAIDMDf6PfCAONDWMFcnxcDGdIE_0__DeedYwzDuqimJYmWwyvyNsI16s6hzCg5shG0eGyJjMRuXd3G7Q_IqaWU/s1600/roundimage.png);
background-repeat:no-repeat;
margin-left:28px;
}
#text{
font-family:OpenHeavy;
    font-size:20px;
    font-weight:bold;
    color:#dd5555;
    padding-left:30px;
    padding-top:10px;
    margin:10px;
}
.placebutton{
margin-left:17px;
padding-left:55px;
padding-right:10px;
width:224;
height:35px;
border-radius:28px;
border:5px solid #dd5555;
}
.subbutton{
width:180px;
height:40px;
margin-top:30px;
margin-left:40px;
border:5px solid #dd5555;
background-color:#dd5555;
font-family:OpenHeavy;
    font-size:20px;
    font-weight:bold;
color:#ffffff;
}
</style>
<div id = 'fivemax'>
<div id ='rim'> </div>
<div>
<h3 id= 'text'>STAY CONNECTED</h3></div>
<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">
            <div><input class='placebutton' type="text" name="email" placeholder='Enter Your Email' /></div>
            <input type="hidden" value="witsub" name="uri"/>
            <input type="hidden" name="loc" value="en_US"/>
            <div ><input class='subbutton' type="submit" value="Subscribe" /></div>
            </form>
</div>

We will update more subscription boxes for blogger in future.

Print Friendly and PDF

About me

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

0 comments :

Post a Comment

Subscribe to: Post Comments ( Atom )