How To Add Custom Google Translate Button On Blogger Website?

How To Add Custom Google Translate Button On Blogger Website?

GTBFB

Introduction

Adding a "Translate" button to your website is a great way to cater to the global online audience.

Google Translate is a free multilingual machine translation service developed by Google, to translate text from one language into another. It offers a website interface, mobile apps for Android and iOS, and an API that helps developers build browser extensions and software applications. Google Translate supports over 100 languages at various levels.

Step 1 - Download Code

Step 2 - Select Template
  • Log in to Your Blogger Account 
  • the Go to Edit html
Step 3 - Insert HTML

Insert the "Header" code before </header>

Step 4 - Insert CSS / JS

Insert the following "CSS and Java" above </head>

Step 5 - Save and Publish

 Click "Save " to save your changes.
Search for

#google_translate_element

And find

#google_translate_element{padding: 0;position: absolute;right: 42px;top: 12px;}

To fix icon position change "Numbers" right: "42"px and top: "12"px 
Download Telegram
Join our Telegram Group and type #GT360 for Password.
Student | Website Designer .... From Bangladesh 🇧🇩

3 comments

  1. Hello ahmed how to add this in median ui blogger template if Haider is not fixed thak you
    1. Please contact us in telegram
© Code Store 360. All rights reserved. Distributed by ASThemesWorld