How to Display Indian Rupee symbol on WordPress blog

India Joined elite currency club  by getting distinct symbol for Indian currency “Rupee”. With in Few days developers like Fordian released Rupee fonts to integrate Rupee symbol in word documents using existing keyboard. Specially for Indian E-commerce site or blog, it’s a good idea to take advantage of Indian rupee symbol and display it along with price of your product. Many sites, already started doing it and soon it’s going to be a standard to use rupees symbol, while listing product for Indian online market.

Now if you are looking to type or display the Rupee symbol on your WordPress blog, then you can use below simple method that allows you to display the symbol even in your old articles.

All you need to do is, open the footer.php file, then copy below JavaScript code and paste the code above closing body tag.

When ever your type “Rs” or “Rs, the script uses WebRupee API and dynamically generates Rupee symbol for web viewing as shown in below image. For advanced options visit WebRupee.

Here are the codes which you would be using:

For your footer.php

<link rel="stylesheet" type="text/css" href="">

Now to display Rupee sign  anywhere in your WordPress blog:

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

Indian Rupee symbol

This is simple hack and if you have a finance blog or blog which talks about money, you would like to add this this small WordPress hack to show Indian Rupee sign.


Subscribe on Youtube

Article By
I'm Ramakanth Owner-Editor of Blogging is my favorite pastime, as a tech enthusiast I loves to write on Technology, Gadgets & Web Services.


COMMENTs ( 12 )

  1. tushar says

    great tip…this rupee symbol has caught the grip of the nation and it will be cool to display it in our blog…thanks for the tip

  2. Beckam says

    Thank you for the step by step descriptive procedure and coding required for the Rupee symbol on WordPress blog

  3. Ramkumar says

    Wow this is something new, thanks for sharing, BTW why should we use a javascript for this, instead we can simply link the stylesheet and call the value.

  4. fareed khan says

    very useful post to me bro, i searching long time for this symbol for one of my blog…this is great information you said..thank you sharing

  5. Sathish @ TechieMania says

    I am not using Rs. or Rs terms in my blog. Anyway I will add this script to my footer. Who knows sometime in the future it might help me. Thanks for sharing.

    • Simrandeep Singh says

      Do not add the script if you don’t use it on your blog. You can add it whenever you want to display rupee symbol. Un-useful scripts increase the page loading time.

  6. Shanker Bakshi says

    Simple and useful heck for finance blogs, ( also for those who want to show up their blogging income in Indian rupees ) :-)

  7. Jaydip Parikh says

    Lovely tip man. I will try it for sure. now Rupee symbol also comes in Unicode. Check that infor too.

  8. Techno-Pulse says

    This will help web developers and bloggers who are dealing in INR. Simple & effective hack.
    I’ve used this in one of my web-apps.

    • Techno-Pulse says

      Correction: Rs. and NOT Rs. 200 (It will prefix Rupee symbol before 200)
      Alternatively you can also use the unicode for Rs. :-