GuruHowTodo: Google

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxPrREpBHrR9FALtlcYj3UxKGpDP0OdHcl0wJrjUP9kU9Of4GTYAJ5VLCt0mi3ljVnblzU6Ftm4EdPbJQuKS600Ag3grdeFWQvwWDaIaF1idkyXG6M-BpTXCrXcrfbiBg8RR7cAGJj5w/s1600/google-translate-banner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxPrREpBHrR9FALtlcYj3UxKGpDP0OdHcl0wJrjUP9kU9Of4GTYAJ5VLCt0mi3ljVnblzU6Ftm4EdPbJQuKS600Ag3grdeFWQvwWDaIaF1idkyXG6M-BpTXCrXcrfbiBg8RR7cAGJj5w/s1600/google-translate-banner.png" width="400" /></a></div>
 
In today's technology its essential to provide language translation feature in to your blogs, So that you wont miss non-English speaking user's traffic. So, if you want to make your blog or website multilingual, the best way is to embed Google Translate feature into it. 
 
Adding Google Translate widget button on your blog or website to make it easy for your audience to easily translate your blogs/website in a single click. 
 
Follow the below easy steps to add Google Translate widget into your Blog or Website. 
<h2 style="text-align: center;">
 <a href="http://guruhowto007.blogspot.in/" target="_blank">DEMO</a> <a href="https://www.blogger.com/"></a></h2>
1. The first thing you need to do is goto "https://translate.google.com/manager/website/add" ,If you are not logged into your google account, then you'll be redirected to google account log in. If you don't have account, You can <a href="https://accounts.google.com/SignUp" target="_blank">create a new account</a>. 
 
2. Successful login, Enter your blog or website URL. 
Example.  <a href="http://guruhowto007.blogspot.in/">http://guruhowto007.blogspot.in/</a> , as in my case english is the original language, 
Select the original language that your blog or website is written in. Once you are done, Click on next 
 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Q36EW2ABNDloMURT4YnhCNxm4mnnsdVt5JTsyS597DMZoJdviTzSc5G03bfD7Z7n_9ZI5wpfET2qc_qMBxgZ18wYWlOmMVKHw6tYN7qh8a8z1U_Kj6Jwxo5xvMh_nz7JcU5FM_DuXS0/s1600/WebsiteInfo1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Q36EW2ABNDloMURT4YnhCNxm4mnnsdVt5JTsyS597DMZoJdviTzSc5G03bfD7Z7n_9ZI5wpfET2qc_qMBxgZ18wYWlOmMVKHw6tYN7qh8a8z1U_Kj6Jwxo5xvMh_nz7JcU5FM_DuXS0/s1600/WebsiteInfo1.png" width="640" /></a> 
 
 
3. Customize the plugin settings if necessary else you can go with default settings. Once you're done, Click on Get Code button 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUkdIzyUohpGp5M9R_AZFoGwH7uDYXRMKF2nRgQ2acu5X7s-HPgpzwFwSTEwQq4jSqmm0bpsKRSHgqnXZtfRAtE9jhI6UMP4APK3SDzqRPNo5PrxOQlhAqY2hcv3sYfxMaWlBFN8kDTU/s1600/PluginSettings1_Previous.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="504" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUkdIzyUohpGp5M9R_AZFoGwH7uDYXRMKF2nRgQ2acu5X7s-HPgpzwFwSTEwQq4jSqmm0bpsKRSHgqnXZtfRAtE9jhI6UMP4APK3SDzqRPNo5PrxOQlhAqY2hcv3sYfxMaWlBFN8kDTU/s1600/PluginSettings1_Previous.png" width="640" /></a> 
 
 
4. As Google say,  Ready to roll! Now let's talk about code. 
 
Now, You will be given two sets of code, first one meta code is for meta definition and second one plugin  is for where you want the Google Translate widget to display. If you want your widget to code appear on every page, you must paste the embed code in your sidebar. 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdBRMvUnVQBNkb3hUnD6q65mV1_E-L_mtb7KowOgGXq7XJ8TTq9wer8XNKkW45OUqxUKYpIvbfdkvCrEfv_7bnv1RO4peSCd3gqj6DIqV-AhsrIG_Yqt-o8RE4IXPak9qACHtZgLYcng/s1600/PluginSettings1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="596" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdBRMvUnVQBNkb3hUnD6q65mV1_E-L_mtb7KowOgGXq7XJ8TTq9wer8XNKkW45OUqxUKYpIvbfdkvCrEfv_7bnv1RO4peSCd3gqj6DIqV-AhsrIG_Yqt-o8RE4IXPak9qACHtZgLYcng/s1600/PluginSettings1.png" width="640" /></a> 
 
<h2>
Steps:</h2>
 
<ul>
<li>First login to Blogger  > Template > Edit HTML</li>
<li>Clicking inside of template editor search for </head>  and place the Meta Code before of </head> </li>
<li>Save the template.</li>
</ul>
 
<ol>
<li>Now copy the second code(Plugin Code), Choose where you want Google Translator dropdown to show up on your blog/website.</li>
<li>Go to Blogger>>Layout>>Add a Gadget>>Add HTML/Javascript and then paste the code in the Content portion and save the widget.</li>
<li>Reload your blog/website. </li>
<li>You should now see the Google Translate widget.</li>
</ol>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCthxl2EX-yEaBNesoH_bETa8fNVaS0fSdOCENGQphhfay7aHOpL9cbbQPQFtdRinJrjkBrTUUeseaTr9cRkGmHwxN0xn26Bdv2kuLyOx0hz-i-WELS5SCB-IdA4DlhAvFUFOz608_W8/s1600/translate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCthxl2EX-yEaBNesoH_bETa8fNVaS0fSdOCENGQphhfay7aHOpL9cbbQPQFtdRinJrjkBrTUUeseaTr9cRkGmHwxN0xn26Bdv2kuLyOx0hz-i-WELS5SCB-IdA4DlhAvFUFOz608_W8/s1600/translate.png" width="640" /></a></div>
 
 
<h2>

Conclusion</h2>
 
So, this is it, Now your blog/website is multilingual. If you have any type of queries regarding this tutorial please feel free do let us know, We will try our best to resolve them. If you like this tutorial and find this useful and meaningful then please don’t forget to share this with your friends and social media too. 
 
SOURCE: <a href="http://www.blogmaniacs.com/how-to-add-google-translate-feature-into-bloggerwebsite/" target="_blank">BlogManiacs.com</a><a href="https://www.blogger.com/"></a>

How to add Google Translate feature into Blogger/Website

In today's technology its essential to provide language translation feature in to your blogs, So that you wont miss non-English speak...

GuruHowTodo

How to add Google Translate feature into Blogger/Website

Popular Posts

Blog Archive