I am Providing you, Email Subscription Widget so that user can directly subscribe your blog newsletter. Subscription Widget is important widget and all bloggers are surely used it. They Makes the users in touch with you without open your blog and receive your all post in their email id.This Social subscription widget is made with the aim of promoting and increasing traffic of your blog in various manners. As this widget is responsive in nature,It has the potential to boost your subscribers. Your readers will also get an opportunity to connect with you blog with feedburner.Get ready to see the amazing beauty in action which will nurture your blog . Lets see the Tutorial
How to Add this Widget to Blogger ?
- Now go to Blogger Dashboard > Layout
- Click on Add a Gadget (below header)
- Select HTML/JavaScript
- Copy below code and paste inside it.
<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxuiGT-k9ftNev9Y-UZmKcuIbnTv-4O6P-NeGUpXDEy8dzYUg7QQMno8_xi4ca6ijTuy_1_9sYAaG6pl6iEHPal5oqimD6Fe3jqzdd55CcGiINcWzEQjUgUCY4T8bxXAuHvMUNORHVaPR/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXKD3Nfji2T7yaUdz66_8tW_9CPoQdnYmHzy2uH6haVSVX7NDLncWyUOa2TrkJk0pNe_3JUKdmo2xQsgNn2oZ3Ry0e-T4g9NUR9mGtlTgSCwZGLY_iBCl6V2vO4yJI_YH3sM7mI7Wf2b4/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHKcDjSioIOdZp70G0avlD6dL-sIqoftAjPH7v3gBf0qhq-AB3GHGcyG48j07uA4h8J3Hzyddhnnndqs2_Kng1cN9HYuRdoDS-X-fc-iTuJkrTQeHjyOhMCs6yFhcwuQEprz_puoxwk1Le/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) 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 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejswzYtUwFY9dpQ9432OPFdCb3ey7JI9cq_JGMjaHg_hDFLpvoWX3837TEEkVtyM7xmqsxx8VxuWG8F01MwzCuWPxeYhmTbwrO4ksUtCFxfs-C7zM0iBr_tYoxs5Jhdg-rTzimIxRTBQr/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style><style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxuiGT-k9ftNev9Y-UZmKcuIbnTv-4O6P-NeGUpXDEy8dzYUg7QQMno8_xi4ca6ijTuy_1_9sYAaG6pl6iEHPal5oqimD6Fe3jqzdd55CcGiINcWzEQjUgUCY4T8bxXAuHvMUNORHVaPR/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXKD3Nfji2T7yaUdz66_8tW_9CPoQdnYmHzy2uH6haVSVX7NDLncWyUOa2TrkJk0pNe_3JUKdmo2xQsgNn2oZ3Ry0e-T4g9NUR9mGtlTgSCwZGLY_iBCl6V2vO4yJI_YH3sM7mI7Wf2b4/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHKcDjSioIOdZp70G0avlD6dL-sIqoftAjPH7v3gBf0qhq-AB3GHGcyG48j07uA4h8J3Hzyddhnnndqs2_Kng1cN9HYuRdoDS-X-fc-iTuJkrTQeHjyOhMCs6yFhcwuQEprz_puoxwk1Le/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) 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 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejswzYtUwFY9dpQ9432OPFdCb3ey7JI9cq_JGMjaHg_hDFLpvoWX3837TEEkVtyM7xmqsxx8VxuWG8F01MwzCuWPxeYhmTbwrO4ksUtCFxfs-C7zM0iBr_tYoxs5Jhdg-rTzimIxRTBQr/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Subscribe to our email newsletter & receive updates right in your inbox.</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=blogsfunda" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogsfunda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogsfunda" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></div></div>
- In Code Changes the blogsfunda to your google feedburner Id.
Thats it, Now Look Your blog. If you have any question reply here.
0 comments:
Post a Comment