Close Menu
My SiteMy Site
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • Advertise
    • About Us
Facebook X (Twitter) Instagram
My SiteMy Site
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • Advertise
    • About Us
My SiteMy Site
Home»Blogging»Beautiful RSS feedburner form design for Blogger and WordPress
Blogging

Beautiful RSS feedburner form design for Blogger and WordPress

Oscar FrankBy Oscar Frank2 Mins Read
Share
Facebook Twitter LinkedIn WhatsApp Pinterest Email

You would always agree with me that apart from good content, good design is another factor that keeps people to stay on your blog.

With a good RSS subscribing form, it can also lure people to subscribe for your feeds, thus giving a larger and wider outreach. Here a beautiful design Email subscription form to put on your blog

beautiful feedburner form

– Log in to your blogger account, go to Design >> Page Element.

– Click Add Gadget and select ‘HTML/Javascript’

– Paste the code below.


<div class="rss_box">Sign up to receive latest Update free</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= YOUR FEED BURNER ID ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" id="rss_form"> <input type="text" name="email" id="email_rss" value="Enter your email!" onblur="if(this.value == '') {this.value = 'Enter your email!';}" onfocus="if (this.value == 'Enter your email!') {this.value = '';}" /> <input type="submit" name="subscribe_email_btn" id="subscribe_email_btn" value="" /> <input type="hidden"value="technology/tricks" name="uri"/> <input type="hidden"name="loc" value="en_US"/> <div align="center"><small><a href="http://oscarmini.com/beautiful-rss-feedburner-form-design-for-blogger" rel="dofolow" target="_blank">Get this Widget</a></small></div> </form><style>.rss_box { /*in content */ display: block; background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/rss_icon.jpg); background-repeat:no-repeat; padding-left: 40px; height: 40px; border: 0;}#sidebar #rss_form { /*in content*/}#rss_form #email_rss { background: none; border: 1px solid #CCCCCC; margin: 0px 0px 0px 7px; padding: 2px 3px 0px 30px; width: 182px; height: 18px; outline: 0; color:#666666; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; font-size:12px; background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/email.png); background-repeat:no-repeat; background-position: 5px 3px;}#rss_form #subscribe_email_btn { width:50px; height:21px; border:none; background:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/go.png) no-repeat; cursor:pointer; margin-left: 7px;}</style>

– Replace YOUR FEED BURNER ID with your Feed URL

– You can save to enjoy the pleasant design.

Related Posts

5 Best Gadgets For Hobby-Bloggers In 2025

March 3, 2021

5 Best Writing Software And Gadgets For Writers In 2025

January 14, 2021

Free Online Plagiarism Checker Tool with Percentage for Research Papers

April 21, 2020
View 9 Comments

9 Comments

  1. Sze on March 1, 2013 11:03 pm

    Hi Oscar,

    Your form looks really nice. Thank you!

    I was wondering how to I add a different “Go” image for hover effect? I have already created the image. I just need the CSS code to add it.

    Please advise.

    Thanks,
    Sze

    Reply
    • Oscar Frank on March 5, 2013 1:03 am

      Hi Sze, simply upload the image you’ve made to your webserver, then replace http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/go.png with the link to the image.
      That’s it. If you encounter any problem, please feel free to let me know.
      Thanks.

      Reply
  2. Kelvindwaplord on April 28, 2013 2:34 pm

    Hi oscar…pls how do i create a feedburner id for my blog??

    Reply
    • Oscar Frank on November 12, 2013 1:44 pm

      Hi, you’ll to get an account with feedburner.com .

      Reply
  3. Arup Ghosh on November 12, 2013 7:09 am

    Thanks for the design.

    Reply
    • Oscar Frank on November 12, 2013 1:36 pm

      I’m glad you love it. Take care. 🙂

      Reply
  4. Donhymax on May 7, 2015 6:05 am

    Nice One What About on wordpress

    Reply
    • Oscar Frank on May 7, 2015 3:49 pm

      It also does work with WordPress Donhymax.

      Reply
  5. donhymax on May 9, 2015 12:34 am

    Nice php,html codings

    Reply
Leave A Reply Cancel Reply

Recent Posts
  • 6 Sports Apps You Must Have On Your Phone
  • Valencia Travel Guide: All You Need to Know About This Spanish Gem
  • TikTok Faces Unexpected Ban in Senegal, Sparks Global Curiosity
  • The Apple GPT & Apple’s Chatbot Mysterious Debut
  • Triller Takes on TikTok: Filing for Public Listing
Get Exclusive Tech Insights!
My Site
Facebook X (Twitter) Instagram YouTube
© 2025 Oscarmini Co. Designed by illBytes.

Type above and press Enter to search. Press Esc to cancel.