17 February 2013

Add Subscribe Box To Blogger


515 loyal readers
RSS feed | E-mail

In this tutorials,I will explain to you how create a Subscribe Box with Feedburner Email subscription,Feed subscription and Social networking buttons(Digg,Twitter,Facebook,Stumbleupon,Delicious).You can easily add or remove social buttons to this widget and setup your email subscription.If you like to add this widget to your blog or a website,then follow the steps given below.

Windows Reloded, Download Latest Softwares

1.Log in to your dashboard--> Design- ->Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the code given below and click save.



Windows Reloded, Download Latest Softwares
<style type="text/css">
#subscribe-box {
      overflow: hidden;
      margin: 10px 0 0 0;
      }

#subscribe-box a.subscribe-sec {
      display: inline-block;
      display: -moz-inline-stack;
      width: 40px;
      padding-top: 38px;
      zoom: 1;
      }

#subscribe-box a.subscribe-sec:hover {
      color: #660000;
      }
</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Get Notified When We Update !!!</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value=&#39;&#39;;" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75jpKXwir-aOY2A5DBA7CWa6ENZ7mAcLg-f1R4LqsFipG3iF6pxCjQ9Yv-MW9QqunSuoojmlWZrhtFqHssRFT8kGb38noH73P5BbAgQs26WEtbskWdSGC6rYpyjjr1Hz5tf9VoyOhjT4h/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQk4VXN0doPAZWf6SzUqVSmxSs3TWsnNWFXr4x52DCmk7MQzAfoJr5RQoVXJ11-srOkFX3Rp6ANFETg7waUmp3ABdU9ZiewvASPlPuwBS0OIh1Y8lfRzsSCwghDh4rWy6SVeRgpHxfV_n/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichyphenhyphenMgNuF57kdYx5vzI5U-2wjY8KrmPvSnxZsJgo80Z-b40OCwZcFhRtXw25jF2LeeHKlFn-SFtcI1eBW_l1OYjR-NvBl8I9KGT0vL6EGQoxq0vKP3Bt8ykjH6ryX6L-87n9citqObuhpv/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIhfOZeJEIpMrxCMJz4-LrzQZFiHysykD-mdWBjXQIETCoE_qXNPlv6-DKhURHO5dSijhPrcPn06rtG_QHOPL4j_7eN1QC1WQ95WHR74Sy4-Lauvap50Scu-3-JE9rPah9GEQe75-XTI5q/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRBsC0i0B-k0FzIDqfFQrMkQD9h-cNcLg7ew8fSH4vZ8KGjjDaa3TEb1ZUZMuFaA0ojyJI_kpdnZUOiJIHebVXCLmtpa5Ok2fxZgxJqZ6o0V-mryYSxBgXaQnDN84lEJ67ARakpunVqLN/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2SVtH6FFqDHRNcsRefkB1JM19pW6wyPEP2esuyFYrQdIpFs5t0ARvRP8pYMdL1D4A0MK3s_-GoMWmg1TALojr-3Xt4pSClH9h8PY2q_2EO7e011M5cX0XpuHD0D4m04EzBVOBv8MLhKY/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>


Windows Reloded, Download Latest Softwares

Note : Remember to REPLACE,
FEEDBURNER-ID with your feedburner ID.
DELICIOUS-USERNAME with your delicious username.
TWITTER-USERNAME with your twitter username.
FACEBOOK-USERNAME with your facebook username.
STUMBLEUPON-USERNAME with your stumbleupon username.
Look at the example given below.
Related Posts Plugin for WordPress, Blogger...

0 comments:

Blogger Template by Clairvo