Attractive Feed Subscription Form Widget For Blogger .


This is a Cool Rss Subscribe box. Actually if we hope to increase our Rss, we must have good article with attractive subscription gadget. Therefore visitors force to subscribe via Rss because they can get quality articles via emails.

1. Log in to blogger  Design > Page Element.

2. Click Add Gadget and select 'HTML/Javascript

3.Now Paste One of below code style as your like


Style 1


style type="text/css">#btrix-emailbox {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh__P51LvzAKlN0WsXjQbO_9FZjcr4GgLI1TzqqGOngm93oSeftR6T4JpS7vtUAqxGe5xyTjkd4TxJpRNlUXQUAl2266OFhvgAA0awnvwZkZV86EKk8JwjRJwKRwKZWfYy1q3w-6JO2t7Vn/s1600/btrix-red.png)no-repeat scroll center center transparent;height: 143px;width: 368px;}form#btrix-emailform {display: block;margin: 0;padding-left: 42px;padding-top: 67px;}form#btrix-emailform #s {background: transparent;border: none;color: #444242;font-family: georgia;font-size: 15px;font-style: italic;height: 30px;margin-top: -2px;padding-left: 2px;vertical-align: top;width: 227px;}form#btrix-emailform #sbutton {background: transparent;border: none;cursor: pointer;height: 30px;padding-right: 45px;}</style><div id="btrix-emailbox"><form id="btrix-emailform" action="http://feedburner.google.com/fb/a/mailverify"method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=myworkingtricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="hidden" value="myworkingtricks" name="uri" /><input type="text" id="s" name="email" value="Enter Your E-Mail Here"onfocus='if (this.value == "enter your e-mail here") {this.value = ""}'onblur='if (this.value == "") {this.value = "enter your e-mail here";}'/><input type="hidden" name="loc" value="en_US" /><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"1 /></form></div>
Style 2



<style type="text/css">#btrix-emailbox {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwS_PmEqsiW7PQ9eihaw9JnZuNBck0BLHid0zaT2proGUSE13FneWmSEI8afy_XdkvlK9FdQgxb0kHhO2v0uB2C8V0X4AHVna4mpvorQoi38pMTXnmrhPjsvLLDJZGusrG8FMWvjtlM10g/s1600/btrix-silver.png)no-repeat scroll center center transparent;height: 143px;width: 368px;}form#btrix-emailform {display: block;margin: 0;padding-left: 42px;padding-top: 67px;}form#btrix-emailform #s {background: transparent;border: none;color: #444242;font-family: georgia;font-size: 15px;font-style: italic;height: 30px;margin-top: -2px;padding-left: 2px;vertical-align: top;width: 227px;}form#btrix-emailform #sbutton {background: transparent;border: none;cursor: pointer;height: 30px;padding-right: 45px;}</style><div id="btrix-emailbox"><form id="btrix-emailform" action="http://feedburner.google.com/fb/a/mailverify"method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=myworkingtricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="hidden" value="myworkingtricks" name="uri" /><input type="text" id="s" name="email" value="Enter Your E-Mail Here"onfocus='if (this.value == "enter your e-mail here") {this.value = ""}'onblur='if (this.value == "") {this.value = "enter your e-mail here";}'/><input type="hidden" name="loc" value="en_US" /><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"/></form></div>
Style 3


<style type="text/css">#btrix-emailbox {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0NdhVuh1JCS64msoxp9l5B8q1Q68xltaiYL1GZqqW8jQPdkMEWr59iBfZU42EDmQ70PX4h9mj_g0Ra_O0yZgE0USMJaow-jhJOR0__khdwh9xa8UL2dc04aRsgEaRPsiR_kE5SwWHPAzv/s1600/btrix.blue.png)no-repeat scroll center center transparent;height: 143px;width: 368px;}form#btrix-emailform {display: block;margin: 0;padding-left: 42px;padding-top: 67px;}form#btrix-emailform #s {background: transparent;border: none;color: #444242;font-family: georgia;font-size: 15px;font-style: italic;height: 30px;margin-top: -2px;padding-left: 2px;vertical-align: top;width: 227px;}form#btrix-emailform #sbutton {background: transparent;border: none;cursor: pointer;height: 30px;padding-right: 45px;}</style><div id="btrix-emailbox"><form id="btrix-emailform" action="http://feedburner.google.com/fb/a/mailverify"method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=myworkingtricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="hidden" value="myworkingtricks" name="uri" /><input type="text" id="s" name="email" value="Enter Your E-Mail Here"onfocus='if (this.value == "enter your e-mail here") {this.value = ""}'onblur='if (this.value == "") {this.value = "enter your e-mail here";}'/><input type="hidden" name="loc" value="en_US" /><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"/></form></div>

After paste one of above code
* Replace  myworkingtricks  with your feedburner name

4. Now save your HTML/Javascript'.

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter
adsense code

3 comments:

Anonymous said...

nice rss box , buut tell me how u zoom images?

Pravin Purohit on 16 July 2012 at 05:35 said...

I'll post a post soon on it :) i used css

Anonymous said...

sexxxxxyy

Click to Add a New Comment

Post a Comment

Blogger comment Box by My Working Tricks

Blog Archive

 

About me .

Hi! I am Pravin Purohit, a Social Geek and a addicted web designer!
My Facebook

Recent Posts

Recent Comments

| My Working Tricks © All Rights Reserved | Copyright © 2012 - Back To Top ↑ |