ShoutMeLoud – Shouters Who Inspire

≡ Menu

How to Display Indian Rupee symbol on WordPress blog

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.


Print Friendly
  • Author Bio

  • Latest Post

Article by Ramakanth

Ramakanth has written 1 articles.

If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

    { 12 comments… add one }

    • tushar

      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

    • DailyTechPost

      Pretty useful hack…Thanks for sharing it.

    • Beckam

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

    • Price Arena

      Thanks a lot. My every post contains Rs. :) :) Thanks again.

    • Ramkumar

      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.

    • fareed khan

      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

    • Sathish @ TechieMania

      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

        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.

    • Shanker Bakshi

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

    • Jaydip Parikh

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

    • Techno-Pulse

      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

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


    Leave a Comment