Beautiful Email Subscription Box for Blogger Blog

Learn How to Add Professional Email Subscription Box in Blogger FeedBurner Subscribe Box for blogger blog. Add Beautiful Email Subscription Box in Blogger Blog within seconds. Cool and awesome subscription box widget for blogger blog.

Email marketing is as important as SEO for any professional blogger, because it ensures that your blog reader, after subscribing to RSS feeds, will definitely come back to your blog. The reason behind that is when you post a new article, a notification will be automatically sent in his inbox just like Facebook notifications, saying that you have posted a new article or will show some content of your article with READ MORE button. By clicking that button, it will be opened to particular post or article. You can change these settings by logging into your feedburner account. Blogger by default has email subscription widget but that is not too attractive and does not looks like a professional widget. It looks similar to to the search bar. So in this post I will share an awesome email subscription widget which looks beautiful, awesome and gives a professional look to your blogger blog. This widget was originally shared by a website called BloggerCell. This widget will surely increase your email list and it will encourage your blog readers to subscribe for your RSS feed. As you can see in the screeenshot, its amazing. You can test it on blog page as well. When your blog reader enters his email ID and hit Subscribe Now button, a popup window will open with captcha code to control spam. And as soon as captcha code will be solved, an email will be sent automatically to that email address with unique link and after clicking on that link user will be subscribed for your RSS feed. So without wasting any time let's begin the tutorial.

How to Add Email Subscription Box in Blogger?

1. Go to Blogger Dashboard >> Layout >> Add a Gadget
2. Select HTML/JavaScript gadget
3. Copy the below code and paste it in the code area.
<style>#subscribe-box{width:299px;border:1px solid #aaaaaa;border-radius:2.98px;padding:2.98px 0} .subscribe-box-wrapper{background:url(http://4.bp.blogspot.com/-FnFdlcUoQ70/VM3J2JR7itI/AAAAAAAABcM/TosZcCPmujM/s1600/background.png) repeat scroll 0 0 #ffffff;color:#111111;font-size:13px;line-height:19px;padding:1px 20px 10px;text-align:center;text-transform:uppercase} .subscribe-box-form{clear:both;display:block;margin:10px 0}form.subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#ffffff url(https://lh6.googleusercontent.com/-8NDOpOYN7b4/UcvO6A6i_YI/AAAAAAAACAk/tTYb0kLxcqg/s124/icons.png) no-repeat 0 -26px;border:1px solid #cccccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 39px;width:99%} .subscribe-box-email-button{background:#0099ff;border:1px solid #0080ff;box-shadow:0 1px 0 rgba(254,254,254,0.5) inset, 0 1px 0 transparent;color:#ffffff;cursor:pointer;font-family:verdana;font-weight:699;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.5);text-transform:uppercase;width:100%} .subscribe-box-email-button:hover,.subscribe-box-email-button:focus{background:#179ffa} .subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2);background:#FFFFFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4.2px 4.2px 4.2px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaaaaa;font-family:cambria;font-size:13px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}a.social-icons{margin-right: 5.1px;height:46px;width:46px;}a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}</style> <div id="subscribe-box"><div class="subscribe-box-wrapper">    <br><p>Subscribe To Our Email Newsletter to Receive Quality Updates Absolutely Free</p><a class="social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=TrickzBucket" target="_blank"><img src="http://3.bp.blogspot.com/-ugJyU9Pxcs4/VM3J6Cfj8gI/AAAAAAAABcU/zMAdXj1Jysk/s1600/Subscribe.png"></a><div class="subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=TrickzBucket" class="subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TrickzBucket', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="TrickzBucket"><input name="loc" type="hidden" value="en_US"><input class="subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter Your Email Address..."><input class="subscribe-box-email-button" title="" type="submit" value="Subscribe Now !"></form></div></div></div></div>

Customization:

  • Change TrickzBucket with your feedburner ID.
  • Change 299px with your desired width of the box.

Final Words:

This is the awesome widget for your blogger blog which will give a professional look to your blog. Widget credit goes to BloggerCell, for making this superb widget. All the emails will be delivered by FeedBurner. I hope this tutorial helped you. Leave your comments below, if you have any question and do not forget to share our work with your friends.

COMMENTS

BLOGGER: 4
Loading...
Name

Blogger Templates,5,Blogger Tips,31,Blogger Widgets,9,Computer Tricks,3,Downloads,30,WordPress Tricks,5,
ltr
item
Trickz Bucket: Beautiful Email Subscription Box for Blogger Blog
Beautiful Email Subscription Box for Blogger Blog
Learn How to Add Professional Email Subscription Box in Blogger FeedBurner Subscribe Box for blogger blog. Add Beautiful Email Subscription Box in Blogger Blog within seconds. Cool and awesome subscription box widget for blogger blog.
http://2.bp.blogspot.com/-BFeWXXXB2vE/VpAGBqXUF-I/AAAAAAAADTY/ID5YyQMBtdc/s320/Beautiful%2BEmail%2BSubscription%2BBox%2Bfor%2BBlogger%2BBlog.png
http://2.bp.blogspot.com/-BFeWXXXB2vE/VpAGBqXUF-I/AAAAAAAADTY/ID5YyQMBtdc/s72-c/Beautiful%2BEmail%2BSubscription%2BBox%2Bfor%2BBlogger%2BBlog.png
Trickz Bucket
http://www.trickzbucket.com/2016/01/beautiful-email-subscription-box-for-blogger-blog.html
http://www.trickzbucket.com/
http://www.trickzbucket.com/
http://www.trickzbucket.com/2016/01/beautiful-email-subscription-box-for-blogger-blog.html
true
6195765242120428356
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy