How to link Google input tool to your blog comment box

When we write posts on our blogs, we expect that the readers let us know about their opinion about the post by posting their comments in the comment box. We can judge the quality of our post by number of viewers and readers comments. Most of the readers comment in English but some of them want to comment in a language other than English.

Blogger comment

• BloggerCSS-add drop Caps first letter big capital different color to post comments
  
  

In such case if we link the Google input tools  with our blog comment box, it will be a great advantage to our readers, and they will be able to comment in 110 languages worldwide. We can easily link Google input tools to our blog comment box by adding some HTML scripts to our blogger template.

TO KNOW WHICH VERSION AND BUILD NUMBER OF WINDOWS-10 IS RUNNING ON YOUR SYSTEM, PLEASE WATCH THIS SMALL VIDEO FOR A STEP BY STEP AUDIO VISUAL DISPLAY 

 

 

1.  Login to your blogger dashboard using your login ID and Password.

2.  First click setting>posts and comments and change ‘Comment location’ to “Embedded”.

3.  Next Click ‘Template’.

4.  Click ‘Edit HTML’, the HTML file will open.

5.  Click anywhere in the open HTML document.

6.  Press ‘Ctrl+F’, the HTML search box will be opened in the top right hand corner of the open HTML document.

7.  Find the closing HTML tag </body>. To find it write </body> in the HTML search box and press ‘Enter’. The closing HTML tag </body> will be highlighted. You will find this tag at the end of the document.

7.  Now copy and paste the following script above the “</body>” tag.

<script src='https://www.google.com/jsapi' type='text/javascript'>

    </script>

    <script type='text/javascript'>

      // Load the Google Transliterate API

      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

        };

        // Create an instance on TransliterationControl with the required

        // options.

        var control =

            new google.elements.transliteration.TransliterationControl(options);

        // Enable transliteration in the textbox with id

        // 'transliterateTextarea'.

        control.makeTransliteratable(['transliterateTextarea']);

      }

      google.setOnLoadCallback(onLoad);

    </script>

Note – Please note that I have written this article ‘Hindi’ focused but those who want to change the language, please replace the text in red colour(HINDI) with their desired language. The spelling of the language must exactly tally with that given at the Google inputtools website. 

Now find the following string in your HTML document-

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

To find it, copy and paste it in the HTML search box and press ‘Enter’.

Please note that you may find this string twice.

Please copy and paste the following script just below both the strings –

<div class="wikigreen-google-transliterate-API">

<b>हिंदी में लिखिये,भाषा बदलने के लिए Ctrl+G दबाएं</b><br />

<textarea id="transliterateTextarea" style="width:400px;height:150px"></textarea>    <span style="float:right;margin:5px;font-size:xx-small;"><a href="http://www.wikigreen.in/add-google-transliteration-tool-near-comment-box/" target="_blank">+Get This Tool</a></span>

</div>

Note – Please change the following as per your choice-

1.       Replace wikigreen  with your blog key word. For example my blog URL is wikigreen.in so I used wikigreen.

2.       Change हिंदी में लिखिये,भाषा बदलने के लिए Ctrl+G दबाएं with your desired language. The text means “write in Hindi, press ‘CTRL+G’ to change language’. 

3.       As per the script above the width of the comment box will be 500 pix and the height will be 200 pix. If you want to change the height and width of the comment box change the figures 400 and 150 as per your choice.

4.       Replace http://www.wikigreen.in with the URL of your blog.

google input tools, google transliterate, google sites gadgets, free gadgets for google sites, google transliteration api, google input tools javascript, How to enable Google Input Tools, how to add comments in new google sites, How do I use Google Input Tools on my website.

Special request – Please let us know through a comment that how our effort was. Do not hesitate to give an dverse opinion, give your opinion impartially. Please subscribe to our blog and like our Facebook page. Subscribe to our YouTube channel “Start with Wikigreen”. Please share it to your friends and beloveds.