Sunday, July 17, 2011

How To Add Beautiful RSS Subscribe Box For Blogger

 This is a Unique Rss gadget,
Follow these instruction to add it to your blog.










1. Log in to your blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before  ]]></b:skin> tag

#feeds {font-size:12px;width:275px;height:140px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjahl7DfmG1sQ9u_oYqfzVqQicvtVCy9ijM9qEguuZ0jyRkV4JGdhg1QqiPswDLhRY19ioTFTUVGR-Ae7fcKJpk9btwDFNwd4EDcS5UPoOgjMfzufZaQ41HMG7pSrD3AvW6_ln62Qfrj2k/s320/feed.png);margin-bottom:10px;}

.textarea {background:#FFFFFF none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:145px;margin-top:35px;}
#feeds a {font-size:11px;color:#FF7300;text-decoration:none}
#feeds p {color:#51616E;margin-left:15px;}

5. Now Go to Design >>page Element

6.Click Add gadget  and Select HTML/JavaScript 

7. Now paste paste below code

<div id="feeds">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.open(\" http:="" feedburner.google.com="" fb="" a="" mailverify?uri="Bloggertrix\'," popupwindow\="" ,="" \="" scrollbars="yes,width=550,height=520\');return" true="" target="popupwindow">
<input class="textarea" name="email" onblur="if (this.value == \" \="" ;}="" onfocus="if (this.value == \" enter="" email="" address="" here\="" )="" {this.value="\&#39;Enter" value="Enter email address here" type="text" /><br />
<input name="uri" value="camelgraph" type="hidden" />
<input name="title" value="54800" type="hidden" />
<input name="loc" value="en_US" type="hidden" />
</form>
<p><a href="URL"><img src="http://feeds.feedburner.com/%7Efc/BloggerTrix?bg=FD6D00&amp;fg=202931&amp;anim=1" style="border: 0pt none;" width="88" height="26" /></a></p>
<p><a href="http://bloggertrix.com/feeds/posts/default">Post (RSS)</a> | <a href="http://bloggertrix.com/feeds/comments/default">Comments (RSS)</a></p>
</div>

Replace  BloggerTrix  with your Feedburner ID
Replace  URL  with your Feedburner URL
Replace  bloggertrix.com  with your Blog URL

8.  Now save  HTML/JavaScript.  you are done.

5 comments:

  1. Great!, thanks friend,,

    ReplyDelete
  2. You know
    I have seen many Blogs explaining how to install gadgets but yours is the one i will return to.

    It's all about that simple line you wrote about "Find this tag by using Ctrl+F". He i never whould have thought that i could use that code to find something in my "Design >> HTML".

    Thanks again for this Unique Rss gadget!!

    ReplyDelete
  3. Good Gadget . But when Subscribed Goes wrong . In the first line of the Widget it shows Camel Graph . We should change it into our Feed URI

    ReplyDelete