How to Add a Google Translate Button in Blogger

If your blog is starting to draw an audience from overseas or you want to collaborate with other schools around the world, you’ll want to find a way to translate your blog into multiple languages.

One of the most common questions we receive from our edubloggers is how to implement Google Translate on their blogs.This quick process will help you set up a Google Translate widget on your blog to make it easy for your blog audience to translate your website in a single click.

Adding Google Translate in Blogger:

The first thing you need to do is to open Google Translate management page, and click on the big blue “Add to your website now” button. (Be sure, you are logged into your Google account otherwise you have to login to see the functions as it can be seen in the screenshot below).

Now you have to insert your website details on which you want to install the Google Translate. Add your website url i.e. From the drop down menu, select the original language of your site (Note: By default English is selected).

You can now customize your Google Translate button to suite your website design. There are a few designing options like vertical, horizontal or drop-down only display mode, you can specify a language or you can choose all languages to translate (we will prefer you to select “all languages”). Once you are done with customization and setting press “Get Code” button at the bottom.

You will now see two kinds of codes the first code verifies your customized translate button, and the second one helps you to display the translate button anywhere in your site.

    1. Copy the first code and go to Blogger >> Template >> Edit HTML >> Search for </head>, and just above it paste the code which you copied. Once done, Save the template and move to the next step.


  1. Now copy and paste the second code anywhere on your site to display the Google Translate button in your blog. We would prefer you to add it in your sidebar, so that it could cover each and every page of your site. Go to Blogger >>Layout >> Add a Gadget >> Add HTML/JavaScript >> Paste the code in the HTML  area and save the widget.

Congratulations: You have successfully added Google Translate button in blogger, go and check your site to see if it is working fine. It

Leave a Reply