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.

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.