Subscription Gadget For Blogger

Subscription widget is very essential for your blog to deliver your site updates to readers via e-mail. I have prepaid a widget that contains Facebook, twitter profile info. page also. It can be added into blog sidebar or where you want to show in html/JavaScript section. Follow some simple steps to add this beautiful widget in to your blog. It really helps to increase the no. of site visitors and your readers/visitors will stay connected with your site via email service. See in image shown below how the subscription form will see on your blog!

Demo Pic

1. Log into Blogger Dashboard.
2. Enter in Design>>Page Element>>Add a Gadget>>HTML/Java Script.
3. Copy the given code in HTML/Java Script's content section and give a title to gadget-

<center>
<img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrAzqrkN62tszsJkp1olcOXCYQyIzr-M7Z24x1Z_wvsDVwrCdntrrikfqISESeB8uzc7vvJqkEHeYSBYFidbn6REIUVTv-GA5WIyOJAQrB7bqGVKLZ8uT4WnUZ2FQM09842xSibTfJRrzG/s1600/sub.gif" width="230" />
</div>
<div class="table">
<table><tbody><tr><td>
<a href="http://www.facebook.com/pages/Arvind-Jangid/216956928326630" target="_blank" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXL04HKk7frGDzl8a_SW5mHBTp-mvOzHkh8rEdBsF1Wvqnl1tOYxWkdlc9EnWqor76FLPeuZ2IVYt8GPDpFL-uUk4eAGfn10qgodG3kmwa-GQjQZPw3D-nOq2gXwSYXLFqY0vieVBM1lG1/s1600/facebook.png"/></a></td><td>
<a href="http://twitter.com/#!/arvindjangid" target="_blank" 
/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvgPlkbgKCaPQuGDidIo8qBE9o8JKyvb-uhl_Tz6FULaiSgYCRyWo4IY6aRthdxP9UgeicR9Nut8PrCDiHLexqIZa4CFTFO54V2L3uQhZL7d8lF4wN0WpHkZk9YqFM8VOvYE3ZQsUOecH/s1600/twitter.png" /></a></td><td><a href="http://mastblogtips.blogspot.com/feeds/posts/default" target="_blank"
/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLG6uCJZ5PnaKxoJ0HqfIJHcBpTXCMSe-aVFs0MOmbKGNporhHzHvYO8NLeFzPHgMfHUcGb-Kz1rH1QgvEeS4SKQlpd7DmbsX6rwykr4mkyp9faNS6YsPuJ4Rj5X97qycgWLulQSVtLy5C/s1600/rss2.png" />
</a></td></tr></tbody></table></div></center>
<style class="text/css">
.Submit{text-size:9px;
text-align:center;
text-weight:italic;}
</style>
<div class="Submit"><b>
<a>Submit E-mail Address & Receive Updates !</b></a>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/EPkwM', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email..." type="text" onblur="if (this.value == '') {this.value = 'Enter your email...';}" onfocus="if (this.value == 'Enter your email...') {this.value = '';}"><input value="blogspot/EPkwM" name="uri" type="hidden"><input value="GO" class="joinemailupdates" type="submit"></form>
<style class="text/css">
.mastblogtipslink
{link-color:#0084CE;
text-size:8px;
text-align:right;
text-weight:italic;}
</style>
<div class="mastblogtipslink">
<a href="http://mastblogtips.blogspot.com/">MastBlogTips</a></div>

Note:- Before saving gadget, replace some links as given below:-

1. Adjust the image width and height according to your sidebar size (50, 230 )
2. Replace http://www.facebook.com/pages/Arvind-Jangid/216956928326630

    with your Facebook profile page link.

3. Replace http://twitter.com/#!/arvindjangid with your twitter profile page link.

4. Replace http://mastblogtips.blogspot.com/feeds/posts/defaultwith your feed

     burner link.

Save your gadget and the process of adding professtional looking subscription gadget is complete !

If you like this please give some moments to this and share it now ! 

Arvind

Baca juga