How to Install Translate In Blog

Installing translate the blog is necessary because there may be visitors from foreign countries that stray into your blog, but that must be considered in order to avoid errors translate the blog you should use the official language. 

Read Also : Make a Multi Tab View Widget in Blog

follow the steps below:

Login to your blogger account.

Go to the menu layout.

Click the "add gadgets" => HTML / Java script

Name the "translate" or the phrase that you like.

Then For First Display as follows:

Copy the code below and paste it in the column HTML / Javascript.

<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.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<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/AVvXsEiBVAiWlLAGqwjjbVIU07acb-_GNP6SJCZe_NjPfEG500RCNInnqK8imgUfkNzKMb2n9nbUYvJuhum-lTY1EjUIk8mgfnpDSr6hs2vtz2vapC3NJ3kpTKMIjTfWmVdd_1SVzPYzmVQhSsM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEjMbni8xXfxT-pE4BDJiXRmIwd_8yNI8Ev2A7SQdsEJUjn8XKWqepm8HnLUcegSY4hyOJg-NOx1D5jaEsc5TBsug69_HtyE2eN9wU_oyqRcguzfmj9kErDkyE7s4dLOgRN44JHFGVXaQ9k/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEjtr9L4a5YmXM4Y1KQRKllms_oa8SROZDkgkUmB9R5PjckvWWtgn7qDcnC51GdygZv0WfwcSYKb2De0ILyPswl9rLqjmRkytkjur0QkvxH2b2huVfbDmkm3Z0TCt4VliOgJEhj3mrJEGVxR/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEh_xgK8MSpcp2XVsHE4shdyZ0kDh_zePLIk9jakXtJuO5pr0bLPZUteifBS_YfOx932Df5UbuN8RDTeY8oz50wuohSgs1yQKLciB86mZ707-nxyOw1nA1yYSkNAwG0p_8CciyJfaNfBwx7q/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhtgwVuoBxrJoISSmmgDNL3BXZ7TNfPFwT6Cu8BfjrZzEd58uD3TrGeoT1T9f6zVX0CDCNLaWy8QOad_ouEp3Umnpa064Q4rXklFVWu0udMst9Fe4xiS81xsW4chyehc30HgvDvqb9dmM0/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEi0MVvSoPeuednMgyKZ6jorelTOM19Q4rTyRofOrFZ5ivdBpU9s_IOobqg5kSnSlutzUVofvWx4yGIlE4dYVmB1HwMAjHNLTVM0KHdbGJXPAwcmduJWmTW_1y4RaWw7mIhuZn8y8V2TNFM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><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/AVvXsEjgqJez37kvAMoskjMQWJIBgDnR2CAVME47T6h7quFg0jnIDmH-HCBXdXZzOMw1c3UV_tFfdMdGPG0sulEhX5BlWZ2DaHsRidPrvGeozYNhmW1kU3E3YEWjzO2MezVDkCNrGt8j85P39V8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEg_7UPJp64rfmzUlaubLmIRyPSSTYBJuxTcCXfP98eI8Vm_IG3IqolSqf2MRS7Mg4B7-vEzmVZsH428qmCLfj5c-a3oiCSGAZk-Bze8n9gzt-S_4uiqcCuMK9W6sM-vAKvIZq8WsDI-ZNM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEjWlnMR9c1569JQBWMdZ-SIZ8hG7mwDwhSit2VhSObJPDyob69yFBNEOXp2wtO7JH4pht76vSOIsDJF0E0l4N0QPF6f3pvKvx_rUm7UzN2RRWJuUB9JJ7FABADHIJwLdGXxXnC7HbTjgVG0/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEgcZSAlyI4_ZHTtOBGkgLsVUCbhLBI90l-AUOXBfW37YRAMUV2ju3L9gGFiBkO-M4X3igEht_UZm3YsU0_aS6ITCOGrKVw_UoTQybCaJ3PqYkMG8Wjzp-n-cOYuEIgkyWsYmtyUxSBJ-H4/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhQBW14ZtW6ixIMbxAt9qSxBSa0l4hllmvgvQeEPIbynS3OsWH9PYcHFrcde_Ys7I-EFwk2Ckyl_NLsv3Xq5esULPhdIJDCUcsh3lFbK6zMtEbtD5ynI5sg0m85U4qfs_f-0QlxkX4a58c/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhGxKPu-cSUr17022TpKWaV347U6ph4WJ4BVn28huLnuS9j6CqTq_daNNuydRXYlrUQHu6gE6869mL5DbtIFU8ytjPel-RCW9k3Qd5n-quMg3hVYt2zh3BFSbhkexR7AWRi6s6_osufGIA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://labston.blogspot.com/2015/05/how-to-install-translate-in-blog.html" target="_blank" title="Google Translate">Get This Widget</a></div>

For a the second display as follows:

Copy and paste the following code in column HTML / Java Script.

<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.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<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/AVvXsEiBVAiWlLAGqwjjbVIU07acb-_GNP6SJCZe_NjPfEG500RCNInnqK8imgUfkNzKMb2n9nbUYvJuhum-lTY1EjUIk8mgfnpDSr6hs2vtz2vapC3NJ3kpTKMIjTfWmVdd_1SVzPYzmVQhSsM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEjMbni8xXfxT-pE4BDJiXRmIwd_8yNI8Ev2A7SQdsEJUjn8XKWqepm8HnLUcegSY4hyOJg-NOx1D5jaEsc5TBsug69_HtyE2eN9wU_oyqRcguzfmj9kErDkyE7s4dLOgRN44JHFGVXaQ9k/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEjtr9L4a5YmXM4Y1KQRKllms_oa8SROZDkgkUmB9R5PjckvWWtgn7qDcnC51GdygZv0WfwcSYKb2De0ILyPswl9rLqjmRkytkjur0QkvxH2b2huVfbDmkm3Z0TCt4VliOgJEhj3mrJEGVxR/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEh_xgK8MSpcp2XVsHE4shdyZ0kDh_zePLIk9jakXtJuO5pr0bLPZUteifBS_YfOx932Df5UbuN8RDTeY8oz50wuohSgs1yQKLciB86mZ707-nxyOw1nA1yYSkNAwG0p_8CciyJfaNfBwx7q/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhtgwVuoBxrJoISSmmgDNL3BXZ7TNfPFwT6Cu8BfjrZzEd58uD3TrGeoT1T9f6zVX0CDCNLaWy8QOad_ouEp3Umnpa064Q4rXklFVWu0udMst9Fe4xiS81xsW4chyehc30HgvDvqb9dmM0/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEi0MVvSoPeuednMgyKZ6jorelTOM19Q4rTyRofOrFZ5ivdBpU9s_IOobqg5kSnSlutzUVofvWx4yGIlE4dYVmB1HwMAjHNLTVM0KHdbGJXPAwcmduJWmTW_1y4RaWw7mIhuZn8y8V2TNFM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<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/AVvXsEjgqJez37kvAMoskjMQWJIBgDnR2CAVME47T6h7quFg0jnIDmH-HCBXdXZzOMw1c3UV_tFfdMdGPG0sulEhX5BlWZ2DaHsRidPrvGeozYNhmW1kU3E3YEWjzO2MezVDkCNrGt8j85P39V8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEg_7UPJp64rfmzUlaubLmIRyPSSTYBJuxTcCXfP98eI8Vm_IG3IqolSqf2MRS7Mg4B7-vEzmVZsH428qmCLfj5c-a3oiCSGAZk-Bze8n9gzt-S_4uiqcCuMK9W6sM-vAKvIZq8WsDI-ZNM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEjWlnMR9c1569JQBWMdZ-SIZ8hG7mwDwhSit2VhSObJPDyob69yFBNEOXp2wtO7JH4pht76vSOIsDJF0E0l4N0QPF6f3pvKvx_rUm7UzN2RRWJuUB9JJ7FABADHIJwLdGXxXnC7HbTjgVG0/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEgcZSAlyI4_ZHTtOBGkgLsVUCbhLBI90l-AUOXBfW37YRAMUV2ju3L9gGFiBkO-M4X3igEht_UZm3YsU0_aS6ITCOGrKVw_UoTQybCaJ3PqYkMG8Wjzp-n-cOYuEIgkyWsYmtyUxSBJ-H4/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhQBW14ZtW6ixIMbxAt9qSxBSa0l4hllmvgvQeEPIbynS3OsWH9PYcHFrcde_Ys7I-EFwk2Ckyl_NLsv3Xq5esULPhdIJDCUcsh3lFbK6zMtEbtD5ynI5sg0m85U4qfs_f-0QlxkX4a58c/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhGxKPu-cSUr17022TpKWaV347U6ph4WJ4BVn28huLnuS9j6CqTq_daNNuydRXYlrUQHu6gE6869mL5DbtIFU8ytjPel-RCW9k3Qd5n-quMg3hVYt2zh3BFSbhkexR7AWRi6s6_osufGIA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://labston.blogspot.com/2015/05/how-to-install-translate-in-blog.html" target="_blank" title="Google Translate">Get This Widget</a></div>

Save your template. Hope it is useful!
Read Also : Make Flat UI Label Cloud