Wednesday, August 14, 2013

Add Awesome Email Subscription Box to Blogger BlogSpot

Email subscription is a type of marketing where readers can register a blog and can get updates with latest post by delivering emails to those subscribers who has registered. Adding this widget to your blog will increase blog traffic as well as will be informative for your blog readers & subscribers with latest updates.


Following steps will explain that how to add email subscriber widget into your blogger blogs.

Step 1. Copy the below codes

<style>#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3hctXVYDX9gRv0NuJr06fSqZeZOxvY5xFq-2wpQun9m1Wo9wE3yQjXnL3CN8yVca-rRJPdYIo6e9MHJUtV-5NpHxfxGQ7O2HzOZ5VUnZk44S41GRylMJXe88DTi8yNg8zQcXfoDLbMyg/s1600/backgrounggbt.png) repeat scroll 0 0 #f7f7f7;color:#fff;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/AVvXsEifV5Z2396kctRDyI4sx-ERFQqX5Yx5tpJftIjanrRjZU3_9Bz9sY2eJgO3ecHfzy2VHmAz7hadNMIQEkMsBjXoTC4PEacLwqdcJUEw7WoSGSl_OAo__ruB-sg4sT5GQocCGLWKSS5TGuA/s1600/icons.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: #ff6600;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:2px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px} #footer-section{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%}a.social-icons{margin-right: 5px;height:45px;width:45px;}a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}</style>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper">    <br/><a class="social-icons" href="https://facebook.com/GiantBloggingTricks"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGusLSgMqAQGlLvRWUBkcYVyTFZGp0j8n9Fn0V6eGXrR7jJ6eq7_xhVBSxH39Jox2rHho3Vdui1jYDpJtlXjBZhyGU1zlH9kKbTpel0C6MXtyZn-tpADd4Tggr36FOhcGMkvuk4iQiDo/s1600/gbtfacebook.png" /></a><a class="social-icons" href="https://twitter.com/ GiantBloggingTricks"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0eVQv-sNcwAuaFVeVV0C1ixGhUXNNPQUMo4AshljCLIgpWqjNEfjz5pAJG31dz6UYntimpk31ietnqV6tk3kVmoom-8G8R78aiud4ZjDzt8vKJ8DuOi6SlICoS8KT8PBcZbv31Z5z2Hw/s1600/gbttwitter.png" /></a><a class="social-icons" href="https://plus.google.com/userId"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNbb-F4_xpQB3bNwS9iMBIGB-LmRnEO4G_KQPZnCuPLP8llgjIPKxnayO4peB63z4IskEFO7SGCqFIJ9rQJyUUIobf2aXkHu71TeQiltPNES98D2kFU3qPwEzljSLM8_gDx5ta-RzVD4/s1600/gbtGoogleplus.png" /></a><a class="social-icons" href="http://www.feedburner.com/ GiantBloggingTricks"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM0AsVAaMr8yfP-F0p0CcnQluUic2MhZMFS8S2HMPbmNCXgWx6dPvmzTmlFshX_BeUvMLzMRqobEkO7UaeES-XIvVNCz7WzsZ8Oa_QPkjOVzzwfo0cZMeVGiSfftNgiy6qhZJCFr0emmA/s1600/gbtRss.png" /></a><p>Subscribe To Our Email Newsletter & Receive Latest Updates</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri= GiantBloggingTricks" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= GiantBloggingTricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value=" GiantBloggingTricks " /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter email address here..."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe" /></form>
</div></div></div>
Now,
Replace highlighted GiantBloggingTricks with your Facebook Page ID
Replace highlighted GiantBloggingTricks with your Twitter Username
Replace highlighted userId with your Google+ Id
Replace highlighted GiantBloggingTricks with your Feed Burner Id

Step 2. Go to your blogger dashboard.

Step 3. Then go to Layouts and Click Add a Gadget.

Step 4. Select Html/Javascript and Paste the above Codes in it.


Cheers!! Please Drop Your Comments, Suggestions and Question in Comment Box!!
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© Giant Blogging Tricks
Read Our Privacy Policy Powered by Blogger
Strict No Copy Policy.
Posts RSSComments RSS
Back to top