How to Add a Google Translate Button in Blogger

We live in a world where we encounter people speaking different languages. Roughly about 5000 to 6000 languages are spoken all across the world, so it is essential to translate your site if large amount of your audience comes from a specific region speaking different native language. Even though,  the majority of the world understands English, but what about those who don’t? Often we visit sites that are in Russian, French or even Arabic. In that situation, we simply use Google Translate as a tool to polish and translate the whole site into our native language for example English. It may not provide better results, but it would certainly better than nothing. In this article, we will show you How to Add a Google Translate Button in Blogger.

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.

  2. 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

We hope this tutorial may have helped you in learning How to add a Google translate button in Blogger. You can also use Bloggers built-in Translate widget incase you are not good with the coding. How many of you are using Google translate button on your site? Let us have a meaningful conversation and give maximum benefits to each other.


The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
Choose Wisely!


December 28, 2013 at 3:52 AM

Hey, Syed. Really starting to like your stuff. I really want to ask, can I please become a partner with you on mybloggerlab. I REALLY would appreciate it, if you allow me. Please !

December 28, 2013 at 11:08 AM

Nice TUT , but the widget looks so bad . Old fashioned . I think I can not change the way it looks too ;-)

January 28, 2014 at 2:33 PM

IT doesn't work for me :/

Editorial Team MOD
January 29, 2014 at 5:18 AM

Can you please tell where you are facing the error?

March 11, 2014 at 6:59 AM

thanks bro!

April 24, 2016 at 6:21 AM

How to download this app?

May 10, 2016 at 11:46 AM

doesn't work on mine

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.