Add Awesome Subscription Box For Blogger Blogs

Hello Men! You may already know that my Blog was released on November 2013 as well as in this time around I never share a widget because I haven't got time to really make it however for everyone I'd designed a very unique and also the Awesome widget for the Awesome blogger blog.This widget is extremely user-friendly you are able to carry it out anywhere you would like like Sidebar,Header,Footer and anywhere, where you need to add as well as in this widget this is extremely best factor which i not Implement the Credits so that you can free of charge.Really, this widget is made from Pure CSS3 & HTML5. Now I have to give the widget follow below instructions to include this widget inside your blogger blog.

Options that come with Widget

1. Produced with CSS3 and HTML5.

2. Uniquest widget you never seen it before.

3. This widget will have an important role in growing customers,

4. The greater the Customers, The greater the traffic you receive!

5. This widget will implement anywhere, where you need to add like Sidebar,Footer,Header and Etc.

6. Attractive widget and button too.

Add this Widget inside your Blogger Blog

• Then click Layout that is inside your left side

• Now Give a Gadget (Where you need to add)

• Chose HTML/JavaScript

• Now copy below code and add this code for the reason that box.

<div id='EEMMETHODS-sub'> 

<div class='EEMMETHODS-emailsub'>

 <img src="http://png-4.findicons.com/files/icons/1254/flurry_system/128/mail.png" alt="Smiley face" align="LEFT" height="48" width="48" /> <center><font size="3" color="black">

<div class='p-EEMMETHODS-emailsub'>Sign Up With Your Email Address and Get Free Tips To Be Professional Blogger!</div>

 </font></center><br/> 

<div class="sub-wid"> 

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=EEMMETHODS', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> 

<input name="uri" type="hidden" value="EEMMETHODS" />

 <input name="loc" type="hidden" value="en_US" /> 

<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;ENTER YOUR EMAIL...&quot;;}" onfocus="if (this.value == &quot;ENTER YOUR EMAIL...&quot;) {this.value = &quot;&quot;}" type="text" value="ENTER YOUR EMAIL..." />

 <input title="" type="submit" value="Sign up" />

 </form> 

<style> 

 .sub-wid {

 float: right;

 width: 270px; 

color: rgb(85, 85, 85);

 font-size: 14px;

 font-family: &#39;Lora&#39;,Arial,Helvetica,Geneva,sans-serif; 

line-height: 20px;

 text-align: center;

 }

 .sub-wid h5

 { color: rgb(51, 51, 51);

 text-shadow: 1px 1px 1px rgb(171, 171, 171);

 font-weight: bold;

 font-size: 20px;

 margin: 0; 

text-transform: none;

 }

 .sub-wid input[type="text"] {

 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5us1UoEQ1n8VkQtMgiQFzkapAj0xTaivmwJxQUALTOFd7_oMGxYx4gCLxYyojbazHqkdQf802648Tw0W6Ml539cDWGBeiDfa-X10N6EU9RnMUHqNgL5X71W0bIUgxA9nnm1jcn4EG1ON/s1600/email-icon.png") no-repeat

 scroll 15px 15px rgb(255, 255, 255);

 border: 1px solid rgb(187, 187, 187);

 box-shadow: 0px 1px 1px 1px rgb(238, 238, 238) inset; 

color: rgb(187, 187, 187); 

font-family: Oswald;

 font-size: 12px;

 margin: 0px 2px 0px 0px;

 padding: 13px 35px;

 vertical-align: middle;

 } 

.sub-wid input[type="submit"] {

 border: 1px solid rgba(200, 0, 0, 0.5);

 color: rgb(255, 255, 255);

 display: inline-block !important;

 text-decoration: none;

 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 

border-radius: 4px 4px 4px 4px;

 box-shadow: 0px 3px 0px rgb(217, 0, 0), 0px 3px 5px rgba(0, 0, 0, 0.4); 

background-image: linear-gradient(bottom, rgb(230, 0, 0) 0%, rgb(238, 34, 34) 100%); 

background-image: -o-linear-gradient(bottom, rgb(230, 0, 0) 0%, rgb(238, 34, 34) 100%); 

background-image: -moz-linear-gradient(bottom, rgb(230, 0, 0) 0%, rgb(238, 34, 34) 100%);

 background-image: -ms-linear-gradient(bottom, rgb(230, 0, 0) 0%, rgb(238, 34, 34) 100%);

 background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(230, 0, 0)), color-stop(1, rgb(238, 34, 34)) ); 

cursor: pointer;

 padding: 12px; 

} 

.sub-wid input[type="submit"]:hover { 

background:rgb(255,0,0);

 }

 .sub-wid input[type="submit"]:active { 

box-shadow: 0px 0px 0px rgb(217, 0, 0), 0px 0px 2px rgba(0, 0, 0, 0.4);

 -webkit-transform: translate(0, 2px);

 -moz-transform: translate(0, 2px);

 transform: translate(0, 2px);

 }

 .p-EEMMETHODS-emailsub {    

 font-family: Oswald;  

   font-size: 13px;   

  color: #4D4D4D;   

  line-height: 25px;    

 margin: 0;    } 

</style></div></div></div> - 

Now change           together with your feedburner's ID.

Finally, Click Save

That's all.

Enjoy.

In the Editor's Desk

I surely state that you effectively added this widget inside your blogger blog.Hopefully you want this widget and our hard efforts too. Or no problem then comment below or join me on Skype my ID is samad_100. If you wish to know once we create a Publish or Icons such as this then kindly subscribe us or like our page.Thanks ahead of time.