How to Use Google Transliteration API In Regional Language

What is Transliteration ?


Transliteration is the process of phonetically converting a word written in one script into another. Transliteration should not be confused with translation, which involves a change in language while preserving meaning. With transliteration, it is the sound of the words that are converted from one alphabet to the other.

logger Platform is available in almost all Languages. But is not available to Write or Commenting in regional language for visiters.
This plugin offers language transliteration for visitors to Comment or to Write in regional language
The Transliteration API currently supports transliteration from the English version to the scripts of the following languages:
Amharic, Arabic, Bengali, Greek, Gujarati, Hindi, Kannada, Malayalam, Marathi, Nepali, Persian, Punjabi, Russian, Sanskrit, Serbian, Tamil, Telugu, Tigrinya and Urdu.
Here is an Example of Textarea to Write Hindi

Type in Hindi (Press Ctrl+g to toggle between English and Hindi)

How to Add this Transliteration Text Box to Blogger?

There are two steps
a.Adding Script Code
b.Adding Html Code

Adding Script Code

Go to Blogger Dashboard > Design > Edit HTML
Tick on Expand Widgets Check box
Find </head> tag and place Bellow Code before It!

<script src="https://www.google.com/jsapi" type="text/javascript">
</script>
<script type="text/javascript">
    google.load("elements", "1", {
        packages: "transliteration"
    });

    function onLoad() {
        var options = {
            sourceLanguage: google.elements.transliteration.LanguageCode.ENGLISH,
            destinationLanguage: [google.elements.transliteration.LanguageCode.HINDI],
            shortcutKey: 'ctrl+g',
            transliterationEnabled: true
        };

        var control = new google.elements.transliteration.TransliterationControl(options);
        control.makeTransliteratable(['transliterateTextarea']);
    }
    google.setOnLoadCallback(onLoad);
</script>

Change Destination language code ‘HINDI‘ with yours and it must be in Block Letters

Available Languages :-

• AMHARIC
• ARABIC
• BENGALI
• GREEK
• GUJARATI
• HINDI
• KANNADA
• MALAYALAM
• MARATHI
• NEPALI
• PERSIAN
• PUNJABI
• RUSSIAN
• SANSKRIT
• SERBIAN
• TAMIL
• TELUGU
• TIGRINYA
• URDU

Adding HTML Code

This is a HTML code, and you can add this that where it you want (i.e in Sidebar, in Contact Form, Or in above Comment Form etc,.)

<div class="Google-transliterate-Way2blogging">
    Type in Hindi (Press Ctrl+g to toggle between English and Hindi)<br>
    <textarea id="transliterateTextarea" style="width:600px;height:200px"></textarea>
<span style="font-weight:bold;font-size:10px;float:right;margin:5px;"><a href="http://www.way2blogging.org/">+Grab this</a></span>
</div>

How to add this Text Box Above Blogger Comment Form?

1. Search bellow two tags

   <b:if cond='data:post.embedCommentForm'>
   <b:include data='post' name='comment-form'/>

2. In between these two tags Put above HTML Code that i am given.

Thats all!