How To Put Google Translate on Blogger?

 

To install the translator / Google translate on your blog, please follow this step :

1. The first step you should do is log into your blogger account first. 

2. Then Go Into Design => Page Elements, there you will find a place to put Google Translate gadget.Click

3. Add a Gatget, then select the gadget HTML / JavaScript.

4. Copy and Paste Google Translate gadget HTML / JavaScript. (Blue Color Text)

5. Click Save

==========================================================================

<style>

.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}

.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}

.google_translatextra:hover img {filter:alpha(opacity=0.30)-moz-opacity: 0.30opacity: 0.30;border:0;}

</style>

<center>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizcdi_MhCy3xeClFE7bwZaF6hmIZC5A2_y2wcMcV2uybuhRuOU_KX9o6G8pdk9lLPWzBi9tVogDXnSdOxFYBoje9wvl_txcuB3mi0OJz8u9VGTPx5SuNvdHNBq9j1BQcgIFTNRz91lKQg/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvoU0adPJzc2TjacGa1DA2-N1SS6pYWG6sVVSRs18MyzaKFsfr_2gUXa1R63wMDqhKRA5BiKaia6fl5dOtoype7AuzA4073EmeB6t7x5CHm5t4L78N3M-dAvnwUdSd5bjMHyzlOdgQNt8/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwFgBq4lWdQzjAOtJUgZZAiK3ayIke8_RaTt1JD2NejHY1PxQ3iHQB29eo63a6iBIWr38ExBu0tN6f9a_xB54OieSKmi4a6x67yFg6OFkKfjI8uRyGMlfmBYvDnKO02LmoS8GUzkTpXUDj/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy9htLcQ2OmVOZCj4OXA1K7tqJDjZEo4QhGRHyU7yvORPaiJSPacyjFbIgT0QGUI1xdfIVivbfNppFEOQfNEEvEIaoIQYqYuXCCx1yLzQFvVZd9JG_mIs57mlHsyz1uYEU0mF6s6POI2bR/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExK3ILg28rkUwqAWncycEfjsu7l_diEimJq6quLMTN3aXexrcPZvJAhyphenhyphenbM4yVmEYEHcbwHsuBD7WAoyi5FJJW1xdDepLfv2M9qSjDPW4quK1vMTJGOI6nPZaJWXRoVC-EK3WCEZZddsw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtybYjvxOyXpFxaEpTRGZERbf6ed2gP-nrlifGyhUgGpleBsxXaXc_x5bPS3IyTOZFYG5II6tbK1N0uv-4FKhh8YarM4Gs41x-Qa5Esn5l6kvENSUFR_TtjruKIXc1hlFOYGjtfQrTiDw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<br />

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENwX_qBju3C9xyBZEhwzbr7fPmcE_4oxF0OSVGHODrNRG-BsN_91JnVktbyRsD71VXEAF14u7LU4Q9nODpD80uqvHXwbRVWhTAkgcYZL1ataz2Q7YYf8H1WJuKj790scP7eKwk1q1gwU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtSQBb-Y2wBZO9PrgRwsWufgDwM6WKgFtnbHwoAcofRSFb6ubgvWhNDQ6yoy1YrNVmbE1vVqxVzWL0nwMucc7nQjrKp5BvqDxOw2mSxAdvgmcZNo2kledP8510reMFgRqaRumxdRygXDw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgHhLBzK9Ysjtg_pZNbjnmwDRTpk5zt6S2FAsziA6v5VfLsgg_By1DOIT84IlCFhnfPG6P6sVfUERhbQjbpb9ZoBCIzHd89Cc8MA-oV91412p2FFbx96af-qq2ZvhdYaLRDbp0_wrv1m6g/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhETuck7YcoV3pPS3Av8RNgChfl7MM9nmleCSNqEn6myoCxmjkJnNIDAkzSi8HRN1uIZoYTQKDMDM2ZwPL-hTe7WCcwo1yNUGFumfbMJZjo_JZRXj7ybrFsf2QzL5FUSh8_b8NFJB-gBu4/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKZ1mpoKbdRFPTqJNp3gWjvmc2mdRpWx59B6YIwSQhsc-39tHBZdWtU9eNgeVfyuNQKvbV0KJWXkXu8WdOXcKjNxbAjA81ivfDx8BMdNol6uOieeAjSm-RuGmC8IM6tc7PnQdiaaG8xM/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ltPCQWRzFCOow9DJobBpoXOzKI0MZBvgw3GT8451r5GP4T0rx2qBqNC-x9dEdl92zrs3qUlczNawuEU8MrFC53wurUztEniW0PKcT89HGFghJ0MIOfKVIuF62xPjhO4vnTfHrwK0hg0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>

</center>

==========================================================================

Well that's how to install the google translator / translate in blogger, I think this way is the easiest way to install the google translator existing country's flag image in Blogger.

Related Posts