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.
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.
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.
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.
<style type="text/css">Note : Remember to REPLACE,
#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='';" /><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/AVvXsEicH_v-B5DMl0f4PBr5_ESRLP2u1W6ECDLvH4CKVnJmKmfBqO5_IHgp07gVO_Q02GLXAJLHmgtGPfjiHB5rkGvLwc3rLs-1Y9VpFEkcwU69gIBtmgv0yVzvBHNy_NsTbeXQONPKRXWUhU6s/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/AVvXsEi7M_sh214h-xXxDf0c3EreNg9f1lPOYN-e4-EvT-_d-YR2FjAepa_sKNL5macXUMDmwQ3SOfNGVDPm-FBNkROw5jlYXok62zgcDOLZKT85I9mXKOYma0ssvM8NFhbD3dZkY5_YnmYwN7Bt/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/AVvXsEioyub7y2PgM8DcbJ2e0ZlZyrGU-EWp5kgH25yeI1L_1mN2WaqCQ2hzY-Y_CRACzFwtN_mjbK2DND258baeOOobhB4_4r1za8hfoPR1uTBtlpzYPODFY6rKlflX9qjZhimWeo6Z6C3hFkIp/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/AVvXsEhaOvjPpu1G9hZU7wxtLHS-Tb9ve1scZ71fovxpE-_Kzc4qlQwMvWfGv8V4spJlACNYlak0c1-f1pFc4bNKTNAsMBhrHsFJGdUYb3v7n6ooHvAW2tbml8cyuSFHP4IdO_REIaAEoAPPqPzB/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/AVvXsEhCswuk_7pNBqC-Kn7VOkgOGegFwslaIhxcx7rCb8g22nkPub2x3V2eRh14kTRRK034Wi8VW7hzf6GUtfLatkU_Yvm22a5Zhv8QA28C2mhKKDnXVAkbUSqP1FycwDCf1kUgVLE1IJNN4anR/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/AVvXsEjDQ2xvTCGtjm4g58dmUri2ScZfBusajU9wC8J7XeXTyZu3JdfdqRh6HaitSt3cTHViFbiqNV8uImHir29y4O71OD6eky1Hl1IXjMGxjdzVGMibr42gWhoZ2U8bOXeemYwoU2vDSs-JQznl/s1600/rss.png) center top no-repeat"></a>
</div></p>
</form>
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.
<style type="text/css">You are done.
#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=blogspot/WyNa', '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='';" /><input value="blogspot/WyNa" 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/wam8387" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicH_v-B5DMl0f4PBr5_ESRLP2u1W6ECDLvH4CKVnJmKmfBqO5_IHgp07gVO_Q02GLXAJLHmgtGPfjiHB5rkGvLwc3rLs-1Y9VpFEkcwU69gIBtmgv0yVzvBHNy_NsTbeXQONPKRXWUhU6s/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/btipandtrick" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7M_sh214h-xXxDf0c3EreNg9f1lPOYN-e4-EvT-_d-YR2FjAepa_sKNL5macXUMDmwQ3SOfNGVDPm-FBNkROw5jlYXok62zgcDOLZKT85I9mXKOYma0ssvM8NFhbD3dZkY5_YnmYwN7Bt/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/wam8387" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioyub7y2PgM8DcbJ2e0ZlZyrGU-EWp5kgH25yeI1L_1mN2WaqCQ2hzY-Y_CRACzFwtN_mjbK2DND258baeOOobhB4_4r1za8hfoPR1uTBtlpzYPODFY6rKlflX9qjZhimWeo6Z6C3hFkIp/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/btipandtrick" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaOvjPpu1G9hZU7wxtLHS-Tb9ve1scZ71fovxpE-_Kzc4qlQwMvWfGv8V4spJlACNYlak0c1-f1pFc4bNKTNAsMBhrHsFJGdUYb3v7n6ooHvAW2tbml8cyuSFHP4IdO_REIaAEoAPPqPzB/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/wam83879" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCswuk_7pNBqC-Kn7VOkgOGegFwslaIhxcx7rCb8g22nkPub2x3V2eRh14kTRRK034Wi8VW7hzf6GUtfLatkU_Yvm22a5Zhv8QA28C2mhKKDnXVAkbUSqP1FycwDCf1kUgVLE1IJNN4anR/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/blogspot/WyNa" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQ2xvTCGtjm4g58dmUri2ScZfBusajU9wC8J7XeXTyZu3JdfdqRh6HaitSt3cTHViFbiqNV8uImHir29y4O71OD6eky1Hl1IXjMGxjdzVGMibr42gWhoZ2U8bOXeemYwoU2vDSs-JQznl/s1600/rss.png) center top no-repeat"></a>
</div></p>
</form>