Sunday, July 17, 2011

How To Add Beautiful RSS Subscribe Box For Blogger

0 comments
 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/AVvXsEiFPC2Fd2sUu5qYoeNcCHwnrr0VyCHAcI4RMpVNkPclB0Jx77DRS_OwRjgcgIvvJUtk3X9ubox-ADwI7KHX8MZbme6OjD4Ne_IzOQSBInHmwy5XBVtzgH8qyVVcGXNrLL8_jw56eFp4w6g/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.

Leave a Reply

Related Posts Plugin for WordPress, Blogger...