Best Stylish Email Subscription Widget for Blogger

Best Stylish Email Subscription Widget for Blogger

Best Stylish Email Subscription Widget for Blogger

How to Add Stylish Subscribe Box Widget in Blog: Today we will know in this post how to add an email subscribe box in Blog. Friends have been seen that thousands of websites are published daily in the internet today. All the blog and website became like competition. There are all blogs and websites of the same categories. All websites and blog owners want to bring maximum traffic to their site. There are many ways to bring traffic to blogs. Such as social sharing, bookmarking, email subscribe box etc. So friends, how do we add an email subscribe box in this topic today? He will know that by increasing the visitors of his blog.

Advantage of adding Email Subscribe Box

When a visitor visits our blog and they like our blog content, then visitors can notify our new post through their email. If visitors subscribe via email then when we publish any new article in the blog So the notification will be received immediately on the visitor's email through email.

Such friends can visit our blog on getting notification of all the posts to visitors. If they publish helpful content, then the visitors will definitely want to fall on the post. And our blog is very much benefited with the rank increases with the viewers.

How to add Email Subscribe Box Blog,

friends, I have shared code of 2 types of email box, you can add the same code in the blog, whatever you like the email box design.

Type 1

<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #221b1a)}
#mbt-sub-box h2{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparentborder:medium none;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:90%; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{border:1px
solid #369a18;background: -webkit-gradient(linear, left top, left bottom, from( #221b1a), to(#205f0d));background: -moz-linear-gradient(center top , #fc350a, #393b37) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:10px;text-shadow:0 1px 2px #000;width:95%; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #221b1a , #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit a:active{background: #205F0D}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div id="mbt-sub-box"><h2>Enter your email get free access to the blogger Resources and Updates from <span style="color: #ff0000;">ThugsofBD.com</span></h2><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=<span style="color: #ff0000;">ThugsofBD</span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='<span style="color: #ff0000;">ThugsofBD</span>'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe Now'/></center></form></div>
</b:if>

Type 2:

*****///@media(max-width:400px) {.sbox{width:109%!important;}}//@media(max-width:1024px) and (min-width:400px) {.sbox{width:106.5%!important;}}.sbox {background:#009abe;text-align:center;width:100%;}.sbox span {color:#fff;font-family:roboto;font-size:27px;}.sbox .small {font-size:18px;}input.boxinput::placeholder {color:#fff;}.sbox .hatespam {font-size:15px;}.sbox .boxinput::placeholder {color:#fff;}.sbox .boxinput {background:rgba(0,0,0,0.4);color:#fff;border:none;padding-top:13px;padding-bottom:13px;font-family:roboto;margin-bottom:10px;outline:none;transition:.3s;width:86%;text-align:center;border-radius:4px;}.sbox .boxsubmit {box-shadow:0px 0px 31px 0px rgba(0,0,0,0.2);width:86%;text-align:center;padding-top:13px;padding-bottom:13px;background:#fff;outline:none;border:none;color:#009abe;font-family:roboto;cursor:pointer;border-radius:4px;}.sbox .boxsubmit:active {background:rgba(0,0,0,0.6);color:#fff;}.sbox {border-radius:8px!important;padding:0!important;border:none!important;}.sbox .widget-content {margin:0!important;}#sidebar-wrap .widget {overflow-x:hidden;}.sbox {background:linear-gradient(135deg, #667eea 0%,#764ba2 100%)!important;width:100%;}.sbox .boxsubmit {box-shadow:none!important;border-radius:2px!important;color:#764ba2!important;}.sbox .boxinput {border-radius:2px!important;}</style><div class='sbox wow rubberBand'><center><br /><span class='icon'><img height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTLuuaTNZxCNwmM3CJLk3-WZZDXf82IRf_lsXnToeqj77tsIGVhQFtUn9rgG4X-KrY-uyGDkSCkshJ0-jBSUAkCiNCMmYqssDEyk6LyGv1m4BmhRc_Daueyfbem__O_5Ff6fdevIhHIeA/s1600/email.png' width='150px'/></span><br/></center><span>Newsletter</span><br /><br /><span class='small'>Join our newsletter to get secret tips directly in your inbox!</span><br /><br /><center><form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=<span style="color: #ff0000;">ThugsofBD</span>','popupwindow','scrollbars=yes,width=550,height=520'); return true' target='popupwindow'><input class='boxinput' name='EMAIL' placeholder='Your Email Address' type='email' required/><input class='boxsubmit' type='submit' value='Subscribe Now'/><input name='uri' type='hidden' value='ThugsofBD'/><input name='loc' type='hidden' value='en_US'/></form><br /><span class='hatespam'>*We HateSpam!</span><br /><br /></center></div>

Go to your blog and put this code, your blog design will also increase. I hope you liked my post and comment to us for some more information.

THÔNG TIN THANH TOÁN & DỊCH VỤ:

Tên tài khoản: Nguyễn Anh Tuấn
Số tài khoản: 0501000058467
Ngân hàng TMCP Ngoại thương Việt Nam (Vietcombank) - Chi nhánh Bắc Sài Gòn
Hỗ trợ cài đặt: fb.com/kequaduongvodanh
Dịch vụ: Xem chi tiết >>
+ Nhận convert template từ Wordpress
+ Sửa lỗi, nâng cấp template
+ Thiết kế Form Liên hệ từ Google Form