How to Use Google Transliteration API In Regional Language Blogger Blogs

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.

The majority of blogs are in English.Though there are many regional languages spoken but there are a few blogs published in regional languages. The main reason being the unavailability of editors for regional languages.

Blogger 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

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>

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="/index.html">+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!