How to add a Translate button in a Blogger theme: multi-language, no API key

Opening your site to readers of other languages is a way to expand your audience that is easier than you might think. This article teaches you how to add a translate button to a Blogger theme with BlogKub, which uses Google Translate to translate the whole page for readers, with no API key and no cost.

Updated 14 July 2026   About a 9 minute read   Level: Beginner

Why a Blogger blog should have a translate button

A translate button lets foreign readers translate the whole page's content into their own language in one click. Even if your site is written in Thai, the people who find your content may be foreigners interested in Thai topics, such as travelers, language learners, or people looking for specific information. Having a translate button lowers the language barrier and keeps them reading instead of leaving because they cannot read it.

For travel, food, culture, or product blogs with cross-border interest, this feature is even more valuable, because it turns visitors who might slip away into real readers, without you having to translate the content yourself or build a complicated multi-language site.

How BlogKub's translate button works (no API key)

The key highlight is that it uses Google Translate embedded directly in the page, so no API key, no signup, and no cost. When a reader clicks the button and chooses a language, Google Translate translates the whole page instantly on the reader's browser side, not translating and storing it as a new page on your site.

BlogKub also handles details that improve the experience, such as hiding the Google Translate toolbar that normally pushes the page around, keeping the layout stable, designing a clean language menu, and including an "Original" option to return to the source language anytime.

How to add the translate button in BlogKub step by step

1. Add the translate block. Open the left library, the "Add-ons" category, and drag the "Translate" block in. The system places the button in the header automatically.
2. Choose the source language and the languages to show. Click the block to set the site's source language (such as Thai) and toggle on the languages you want readers to translate to, such as English, Chinese, Japanese, Korean. Choose only what is necessary to keep the menu concise.
3. Export the XML and upload. Click Export, then take the file to blogger.com → Theme → three-dot menu → Backup/Restore → select the XML file.
4. Test the translation on the live site. Open the site, click the translate button in the header, choose a language, and confirm the whole page is translated. Try it on mobile too to see the language menu show full width without running off the screen.

The translate button is inserted into the header bar automatically, and the language menu on mobile screens anchors to the screen edge as a full-width panel, so the menu does not overflow the screen.

How to choose which languages to enable for your readers

You do not need to enable every language. Choosing suitably keeps the menu short and easy to use. Consider:

• Your main reader group. If the content is about Thai travel, English, Chinese, and Japanese are often the largest groups.
• Real statistics from Analytics. After the site has been up a while, see which countries visitors come from, then enable languages matching the groups.
• Do not enable too many. A menu of 4 to 6 languages is just right. More than that is hard to choose from and cluttered unnecessarily.

The translate button, SEO, and serious multi-language sites

You must understand that the translate button is a "reader aid tool", not a "multi-language SEO strategy". Translation happens on the reader's side only when they click. The Thai source content is still what Google indexes and ranks. So this feature has no negative SEO effect, and helps purely with user experience.

If you want serious multi-language SEO, meaning each language has its own pages and URLs to rank in that language, that is another strategy requiring actual content translation and an hreflang structure, suited to sites specifically targeting foreign markets. For a general blog, the translate button meets the accessibility need well without much effort.

Common problems and how to fix them

The language menu runs off the screen on mobile

BlogKub already fixes this by anchoring the menu to the screen edge as a full-width panel on mobile. If you use an old version, update the theme to the latest version to get this fix.

The page shifts during translation

This is caused by the Google Translate toolbar, which BlogKub hides so the layout does not shift. If you still see it, check that there is no duplicate translation script from elsewhere.

Some parts are not translated

Text that is an image will not be translated, because Google Translate can only translate real text. You should put important content as text, not embedded in images.

Best practices

• Enable only the languages matching your real reader group, to keep the menu concise and easy to use.
• Write important content as text, not embedded in images, so it all translates.
• Test the translation on both desktop and mobile before publishing, especially the language menu on mobile.
• Place the translate button in the header where it is easy to see, like the dark mode button (BlogKub does this automatically), so foreign readers find it right away.

Languages Thai blogs commonly enable, and why

If you are unsure which languages to enable, here is the set most Thai blogs choose to enable, with the reasoning to guide your decision, which you can adjust later based on your real reader group.

• English: the world's common language, covering foreign readers most broadly, the first language you should always enable.
• Chinese (simplified): a large group of travelers and people interested in Thai products/culture, ideal for travel, food, and review blogs.
• Japanese and Korean: these two reader groups are quite interested in Thai content on travel, beauty, and lifestyle.

Starting with this set is enough for a general blog, then look at real visitor statistics to add or remove languages to match your group later. Starting with a reasonable number keeps the menu easy to use from the outset.

The translate button and site speed (Core Web Vitals)

A question many worry about is whether embedding Google Translate slows the site down. The answer is that the effect is very small and designed to be safe, because the Google Translate script loads without blocking page rendering and works only when a reader clicks to choose a language. Readers who do not translate are barely affected by speed, and the source content shows as normal immediately.

BlogKub also hides the Google Translate toolbar that normally pushes the layout around, which helps prevent the Cumulative Layout Shift (CLS) issue that affects Core Web Vitals scores, keeping the experience stable and the speed score intact, consistent with the theme's whole philosophy of being light and fast.

Limitations of automatic translation to know

Machine translation is convenient and covers many languages, but it has limitations to understand so you set the right expectation. Automatic translation has improved a lot in recent years, but is still not as perfect as human translation, especially with idioms, jokes, or specialized terms that need context.

• Idioms and jokes may come out wrong. Sentences that play on words or use specific Thai idioms may translate literally until the meaning is off. If the content is very important, write it directly so it translates accurately.
• Text in images is not translated. Google Translate translates only real text, not characters embedded in an image, so put important content as text.
• Proper names may be translated unnecessarily. Brand names or some proper nouns may get translated. If you want to keep the original word, consider formatting the text clearly.

Overall, automatic translation suits "helping understand the content", which is enough for most readers of other languages. As long as you write clear content and put important information as text, foreign readers get the full benefit of the translate button.

Wrapping up

The translate button is an easy, free way to expand your site's reach to readers of other languages. With BlogKub you just add the translate block, choose the languages you want, and Export it to use, with no API key or cost. Readers from around the world can translate the whole page into their own language in one click, lowering the language barrier and opening the chance for your Thai content to reach more people.

Frequently asked questions (FAQ)

Part of the BlogKub feature guide series. Content and schema (HowTo + FAQPage) ready to publish on blogkub.com.