Latest Awesome Style Subscription Box|Social And Subscription Widget

This is our exclusive widget with our best effort. We have created this widget for our Blogger AIW . Now we are Publishing it.

• Go to Blogger > Layout > Add Widget > Html/Java
• Now Copy Following Code and Paste There.

<style>
/*----------------------------Social-button Button-----------------------*/
.s{
Color:white;
width:150px;
align:center;
line-height:15px;
border-radius:100px;
border:2px solid #415ca9;
background-color:#415ca9;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.s img{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.s img:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
/*----------------------------Subscribe-Button-style----------------------*/
.ai1w-S-button{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-size:18px;
font-style: normal;
color: white;
background:#68819b;
border: 0px solid #ff721e;
border-radius: 10px ;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
cursor: pointer;
margin: 0 auto;
Padding:6px 4px 6px 4px;
}

.ai1w-S-button::-moz-focus-inner {
border: 0;
margin: 0;
}
/*----------------------------Email Box-----------------------*/
.type-email {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 1px;
margin-bottom:5px;
width: 260px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.type-email:hover{
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>


<center>
<div style="border:2px dashed #ccc">
<div class="newsheadline"><span style="color:#444444;font-size:40px;">Sign-up</span> for <span style="color:red;font-size:25px;font-weight:bold">FREE</span> Regular Newsletter.</div><br />
<div id="email-news-ai1w-S-button">
<div class="emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=allin1-web', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <p>
              <input class="type-email" size="35"type="text" style="font-size: 15px;" id="email" name="email" value="Enter Your Email For Free Update" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" />    
              <input type="hidden" value="allin1-web" name="uri" />
              <input type="hidden" name="loc" value="en_US" />
              <input class="ai1w-S-button" name="commit" type="submit" value="Subscribe" />
            </p>
            <p class="s"><a href='http://www.facebook.com/allin1web' target='_blank'><img border='0' src='http://1.bp.blogspot.com/-H38kJ5PSU-k/Uin2qt9WW0I/AAAAAAAAAP8/W5Wmpt42xwY/s1600/facebook.png'title="Like Us on Facebook"/></a> | <a href='http://www.twitter.com/allin1web' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-B3UXsAyQbdw/Uin2scG5PKI/AAAAAAAAAQU/zcSj3UljGCw/s1600/twitter.png'title="Follow Us On Twitter"/></a> | <a href='http://www.plus.google.com/118189459990645513784' target='_blank'><img border='0' src='http://3.bp.blogspot.com/--Pp4ZjOu4Ew/Uin2qgGT5zI/AAAAAAAAAP4/sMX3HGgzctE/s1600/google+.png' title="Follow Us on Google+"/></a></p>
</form>
</div>
</div>    
</div></center>

• Now Change highlighted Text.
• Click On SAVE

Please Leave Your Comment...