• Home
  • Services
  • Facebook
  • Privacy Policy

TricksDaddy

  • Home
  • Services
  • Facebook
  • Privacy Policy

How to Easily Write Indian Rupee Symbol in Blog Posts

On July 15, 2010 our Indian currency Rupee got its own symbol which give it a unique identity and differentiate it from other countries (Nepal, Pakistan and Shri Lanka) using the similar Rupee currency.

Now the new Indian currency symbol is getting used almost everywhere. You might have seen it in use in advertisements in newspapers and television. If you are a blogger, you may want to use it on your blog too. WebRupee is a service which developed an API. This API provides a simple, cross browser method for using the Rupee symbol on your webpage, blog or anywhere on the web.

Indian Rupee Symbol

In this post, you will learn how to easily use the Rupee symbol in your blog posts. Today, on August 27, 2010 the new rupee symbol is accepted by Unicode. You can use the rupee symbol position U+20B9 INDIAN RUPEE SIGN on your blog.

How to use Indian Rupee Symbol in Blog Posts

You can use the following method to write the rupee symbol on WordPress , Blogger or any other webpage.

Wherever you want to use the rupee symbol, just write it in the following way:

<span class="WebRupee">&#x20B9</span> 500

Output: Rs. 500

You can also use the following format, the output will be the same.

<span class="WebRupee">Rs.</span> 500

Update All Rs to Rs.

If you have already used Rs in most of your posts and you don’t want to manually edit all the files with CSS, then you can add the following JavaScript code to your blog and it will automatically convert all Rs to รขโ€šยน symbol on your blog posts.

<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>

If the visitors of your blog copy and paste it somewhere they will not see the rupee symbol. Instead they will see something like this Rs.

Share On
 Previous Article Lava B5 – First Mobile Phone With Indian Rupee Symbol
Next Article   Blog’s Stats and Popular Posts – Two New Official Widgets Added To Blogger Blogs

15 Comments

  1. Franklin Manuel
    August 28, 2010 at 3:23 pm

    An useful tip Simran

  2. Harsh
    August 29, 2010 at 12:05 am

    Wow! Nice trick. ๐Ÿ™‚

  3. Simrandeep
    August 29, 2010 at 10:41 am

    @Franklin @Harsh

    Glad that you like the post ๐Ÿ™‚

  4. Atif | Bloggz.net
    August 29, 2010 at 3:32 pm

    Thanks this tip very useful for online business websites… ๐Ÿ™‚

  5. Pradeep
    August 31, 2010 at 5:07 pm

    Whoa!! Nice Trick Simran thanks for sharing……

  6. esoftload
    September 5, 2010 at 3:17 am

    it really usefull trick… thanks for sharing mate….

  7. shashi
    September 19, 2010 at 9:50 pm

    it nice input, but can anyone tell how i can write these new inr symbol in world or excel or during writing any mail.
    regards

    • Simrandeep
      September 21, 2010 at 10:34 am

      If you want to insert the symbol in word or excel you should download and install Rupee symbol font from here –

  8. Techfudge
    October 8, 2010 at 12:24 pm

    Well the new ruppe symbol looks quite cool.
    It consists both the scripts devnagri and roman and that what makes it special..
    Glad to know that its that simple to use the rupee symbol in our blogposts.

    • Simrandeep
      October 8, 2010 at 1:00 pm

      It is really simple task. You can also include it in your blog if you use Rupee in your blog posts.

  9. Jassi
    October 10, 2010 at 7:10 pm

    it isn’t working on my blog… :(.. i work on blogger.. any suggestions??

    • Simrandeep
      October 10, 2010 at 11:38 pm

      It should work on blogger as well. Can you give me your blog URL ?

  10. Mohammed Fouzan @ Geek world
    January 11, 2011 at 6:08 pm

    ?Is there any plugin for this stuff??

  11. Sahil
    January 13, 2011 at 1:45 am

    Nice one… Works in mozilla but not in opera….

  12. jeet
    June 10, 2012 at 3:03 pm

    just tried dear…but not working for me..will u tell me where could be problem ?

ยฉ Copyright. Theme by BloomPixel.