OscarminiOscarmini
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
Oscarmini Oscarmini
Subscribe
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
OscarminiOscarmini
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
Facebook Twitter WhatsApp LinkedIn Email
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.

Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Oscar Frank
  • Website

A Nerd who blogs, makes music, Video-graphs, writes #codes and LOOPS the whole process for a living. Yeah! That's me. I'm on Facebook, Twitter or Instagram

Related Posts

5 Best Gadgets For Hobby-Bloggers In 2022

March 3, 2021

5 Best Writing Software And Gadgets For Writers In 2022

January 14, 2021

Suggestions on How To Write Enough

November 15, 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

Latest Posts

Microsoft advises users to Uninstall latest Windows 11 update

May 18, 2022

Topship Raises $2.5m Seed to Build Africa’s Flexport

May 18, 2022

Apple is Testing iPhones With USB-C Ports

May 18, 2022

Google Translate Adds 24 New Languages

May 16, 2022
Oscarmini
Facebook Twitter Instagram YouTube
© 2022 Oscarmini Co. Designed by illBytes.

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