How to Display Indian Rupee symbol on WordPress blog

IN Uncategorized

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

Click to activate Offer & visit site Discount added automatically

Subscribe to SML Newsletter

Receive Blogging Tips & Strategies

Get WordPress Guide eBook for free in the 2nd newsletter

100% privacy. we will never spam you

  • Author Bio

  • Latest Post

Blog post by Ramakanth

Ramakanth has written 1 articles.

Follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

    Send Us Inquiry


    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. :-

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>