How to Add Translation on Blogger (Blogspot)

In this article, I want to give a tutorial how to add translation on blogger or blogspot. We know that sometimes there are people that don’t understand your blog language when they visited your blog. So, it’s great if you can help them to read your blog by translating the language first. This also can give advantage for you because your visitors will be happy with your blog. Don’t worry, it’s easy to practice this tutorial.

We will utilize Google Translate tool for translate option on your blog in this tutorial and of course we will create a widget with cool display. The widget will make your blog looks like pro. 

Steps How to Add Translation on Blogger:

1. Sign in to blogger and go to your blog dashboard.

2. Click layout, add a gadget, choose HTML/Javascript. (Indeed, you also can choose widget Translate, but in my opinion it doesn’t look cool for your blog).

3. Fill the title like Translate option or Translate or whatever you like. Then, fill the content form with code below (just copy and paste):

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

<center><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 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/AVvXsEiXKgcc2m60ASwQcfEeELpTkh81icLsZErR1cgVB5hpWvIZU48oRcM7-PMo0ogA1_awGo2Ng5aS3qx_1vkXaI0G842aTO10cNFhLCGZH3T-5FlQJ57vi9lSlISVkMvEyn_4tCHFy6qmymI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEjWKZZclYlLuNTorLzhRjEZnOwy_Q58_KlFbdnr-ofDe0GirE1cK5GjYgbq6fIkCCBUdANjEvIymayl5RZk03VxlxOrM2YoJGMmipLpUuAuiXkQsaGNXL19owAICJzQim2kpZW27ShcB_s/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEj1nyshec4QnQKRKDf3c1pyNcZN09Hzz2iJb31Uq8dIPoujgBpWHKbphwUqDBHvU9cVN2y4meVJLwoA-N0nYIDOeEeRys1KUptCyQLJ2z_1O8qr3mO9uvi9r5ucEWWeQPceNG-GLr4toE6m/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEhNFcyEa89k2Z_s7s0iCLuUWeV-Ynde3bsgZ6luoztlJ7nq875VXBJt-3XMDeMJ2eakgxzREBwrRsNdBTY88_3L4_XXaGf77tvSZAWFcoB0_NCl5gxfPZLh0Z03jvdcWbg0IlJpE_7gwrZp/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEhweMLsv5Z5xPKXp9L0wW8HRpSv22VR0DsmarlNTIztysWghsZMoM7K0AhOhyphenhyphenODea3zaQYDJydXkZ3MACkjpaciwNlbHARlCoLmCg0ldmJVZM9Bklapdb3o0f8IGWmfC3TUg9xrCZ1B9NE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEiBHAEkfPJjhZjWhbCQxojGMazbSt_dzqNZ0SUd0vdU5b4m3fRZb9Dx9eyuljHf4fZ_xv4LE3p0uLUNbv8etCrWSipPwVUQyd76HoC4Hrfhuzirao28Elc-flK0eVPmn9kvWjIoXeUZ4zk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <br /><br /> <a 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/AVvXsEheDZsLPstC1BdZ8CVgzf8-VzWj3czxuh5BtXAOzTofPnQrBdUK2nUXwAal8OJIy28NDgDczqTQfote7_g-VqYyp1B81V-PxJiMIvjFPZOfFO0RQF1ujaAuqnK7jd0ZTn2zUjIdpVICkGU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEjqXjN1BM_ksFzgHOrgB72IWBrBkDYUDGLd7dl2k-p_C19BBbJZPnz-vfRShsAUIvpcq9-SK-8dkICSOImROn8RGHqmK3UdbbLjpCTR2OodKWUvOBVSUWngKqRkNI3y_VuP5UTbkPL00bI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEjj1ERc90QeYlLeWQOt24oPldB_dVLoYjZaa8yqcvTcwlnz2WXrP4nVvGYf9w4PR-AFuYH7dXjUJx4h_EHitVTQKNyhDHVsRKJ0inujj371jte044jaGCt23iaidUPKFfbP3FwpGN0aINN3/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEhvEh4VMhxFciUQ_Qh-390DvUxeKn-CHugaDJ-nO3_eDeEUOR6DJIIxBfHSZ-ocYeqqKd0nRko7RYRxMmnuLT7tUdP8XFFoMMM-btCO8Mk9DmdT_lPqlrqlRVdiRgG957pRUJQ18mZDfiI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEiqk8OVWZB1EsuoKqaUVJUaeas_6l1wNb3rMHDDi4io5LZ07FQte1VzSbY0XhyZ1h1Lai-mb0MP1RjdkxuDZk0929plRvf6WXQDJsNaZCy5nEZf-DJRSDd_p8LlhqAGl7gu1_C5PupUtaE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a 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/AVvXsEj5hYhwuD8xRQsbkvT8xGKqOlxDqUxwVzKIVL8MH61gwOFVKQrWM28sQ-u_LMsZiVEPEGDfy-_DnpB8ChWGuqUvHNykctd89P9jQZsCcHIQ77a8HjcD7JmykqVD2dMz3SEQ91JAN7okf7k/?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://heaventhemes.com/how-to-set-translate-option-on-blog-blogspot/" target="_blank" title="Google Translate">Get This Widget</a></div></center>

4. And you will see the result like example below:

Well, very easy right? There is no need to feel dizzy because of the code. Just copy and paste, don’t think hard about it. And now, you finally have added translation on blogger. Hopefully this tutorial can be useful for you. Thank you for reading it. Happy blogging!