shoutmeloud Style Top Subcribe Signup Widget for Blogger and Wordpress

Shout Me Loud is Very Popular Tech and blogging tips blog So Many Bloggers Want to Get Top Signup widget of SHOUT ME LOUD's Blog.

So There is a Good News for My Readers,

Currently You guys Using Old subscribe widget for feed Burner ? Would You Like to get New Css Customized subscribe Widget for your Readers and Blog too !
In My Previous Post you Can Get Subscription Form for Blogger !

Features Of Shoutmeloud Subscribe Box For Blogger:

1. Fast Loading Doesn't affect blog speed.
2. Seo Optimized Added Nofollow tags.
3. Big size box to force the readers to subscribe to your updates
4. Increase subscribe feed count within few days.
5. You can place this widget anywhere you want.
6. It works on wordpress also.
7. Located on top of the blog. 
8. Blogger Widget for Subscribe Box 

 Add the CSS code before ]]> and save your template.

/*Custom Header Styling ibloggrmaster widget for bloggers*/ #headline{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9W1JzeoUKKyGVgRKXhK58AKMsxPEPA3bTc4ElleRcX5zzOygJqdvOHhLB3qSu9fITuAId211cYALxKI84Szzsia8UMN5ePfH1GsiECZ218rFF__5PdlRGlatuda9CZWwwY3vmkDPNJtpg/s1600/headline-bg.png') repeat; color:#fff; margin:0 auto; border-top: 1px solid #000; height:30px; font-size:12px; position:fixed; bottom:0; z-index:1000; width:100%;border-top-left-radius:20px;border-top-right-radius:20px; display:block;} #headline:hover{background:#333;} #headline p{line-height:30px; font-size:12px; text-align:center; width:95%; float:left;} #headline p a{ text-decoration:blink; color:#ffcc00; border-bottom:1px dashed;} #headline li.widget, #headline li.widget p{margin:0; line-height:30px; list-style:none; font-size:12px; text-align:center;} .kill-btn{display:block; position:relative; right:15px; float:right;} .kill-btn a{font-size:18px; font-weight:bold; font-family:"Comic Sans MS"; color:#fc0; line-height:30px;} /* Subscription Box */ #sleek-subscribe{display: block; margin:0 auto; } .newsheadline {color:#222; font-size:16px; line-height:50px; float:left; font-weight:bold;} .newsheadline span{font-size:38px; color:#444; line-height:14px; font-family:"Trebuchet MS"; font-weight:normal;} .newsheadline cite{font-style:normal; color:#f00;} .signform{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgegaMDR0zIf24mcQZcLZhEEoZJDBcZAvSDNInwE0n-rsT22xg5tKAkQ69V4r5bmnPte50cXeDz_DgLRin9kz3fULyncQkEWJYmdbWhft4_MsWHfLlg5tXyYmlHmCz_m0JySlmjieQDxmE/s1600/dwd.PNG') no-repeat;padding:0 0 10px 100px; float:right; } .txt2, .txt2:focus{width:140px; font-size:15px; background:#fff; color:#92c3c3; border:1px solid #E36B0A; margin:0 5px; float:left; padding:10px; width:160px; border-radius: 10px;} .btn2, .btn2:focus {background:#E36B0A; margin:0 5px; padding:8px 10px 9px; border:1px solid #AD5513; color:#fff; font-size:15px; border-radius:10px;} .btn2:hover{background:#6689b0; }

Add HTML/JavaScript widget to your blog and add this following snippet in it and save it!

<div id="sleek-subscribe"> <div class="newsheadline"><span>Sign-up</span> for <cite>FREE</cite> daily Updates.</div> <form action="http://feedburner.google.com/fb/a/mailverify?uri=softechnogeek" class="signform" method="post" target="_new"> <input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'Your Name...';}" onfocus="if (this.value == 'Your Name...') {this.value = '';}" value="Your Name..." /> <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'Your Email Address...';}" onfocus="if (this.value == 'Your Email Address...') {this.value = '';}" value="Your Email Address..." /> <input class="btn2" type="submit" value="Subscribe Me!" /> <div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><a href="http://ibloggrmaster.blogspot.com/" target="_blank" title="Blogger Widget">Widget</a></span></div> ></div> </form> <div class="clear"></div> </div>

Note: For best results use this widget at top of your blog comment on below for any debug error