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">₹</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.
Simrandeep Singh is the Editor-in-chief of TricksDaddy and a blogger from Chandigarh (India).
He loves to write about WordPress, Freewares, Mobile Phones and Blogging Tips. Apart from Blogging, he loves travelling, photgraphy and cooking.
{ 14 comments… read them below or add one }
An useful tip Simran
Wow! Nice trick.
@Franklin @Harsh
Glad that you like the post
Thanks this tip very useful for online business websites…
Whoa!! Nice Trick Simran thanks for sharing……
it really usefull trick… thanks for sharing mate….
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
If you want to insert the symbol in word or excel you should download and install Rupee symbol font from here – http://blog.foradian.com/font-with-indian-rupee-symbol-download-and-us
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.
It is really simple task. You can also include it in your blog if you use Rupee in your blog posts.
it isn’t working on my blog…
.. i work on blogger.. any suggestions??
It should work on blogger as well. Can you give me your blog URL ?
?Is there any plugin for this stuff??
Nice one… Works in mozilla but not in opera….