Let's Try to add Google Translate Widget (2)

Installing Google Translate Widget (2)

This is to fulfill that I will discuss and explain how to install Google Translate Widget in the form of nations’ flags. This widget may be a bit different from available widgets on the internet that you have found.

The widget will be like the illustration below, please point your mouse over the flag-images so that you will find the blur effect as an attracted result:

If you are interested in installing the widget, then you should do the steps as follow:

1. Login to blogger with your ID
2. Click Layout
3. Click Page Element tab
4. Click Add A Gadget
   

5. Click the sign plus (+) for HTML/JavaScript
   
   
   

6. Copy and paste the Google Translate Code into the available area.

   <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/AVvXsEhYLjut-3ylc8Vgqnkyht4IcssPM9OMhIpamnN9eDGTUuvvcETCmS4iNvcAXFLS7z8jzih3l-rQlc6lHhJbbu5aMAL4or9N7BcRIynuEmutwY5Hbx5RY7UGpLt2YJ3PMGaJ4bSglRfrDs0/?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/AVvXsEjhJwqR4HNV_FAL6NM-NlzJ9MTvLnIzrWAr7m4egz2g4MtbmXYcNOUjFehVYMhyphenhyphen_cG8qJ_3iD-lOGPDWHMeRPS12t4bLEwL-_EHZZf7TrOzosRrK6r-hqf6s-59TkHlPek4pBT1kP3veOM/?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/AVvXsEi0Fj2JlqpWM9dU_MLEmZiNgZLqH0PgC0WVx3Jzm5sEkrSv8HsRfdEU-zORQk0t79C2DTBIQWHCicpiOvvdnJXmhyphenhyphenSQ1MRiZRlUz8YSdSRijI0DMS2KzBT76p7PSZZSzCfL9BVwZIBGGsWE/?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/AVvXsEhVjX8g_RIjXCg7Ozgs8SvJxSY8ZKLM5TnYeI4G-ZFST3KvFvks9Lkm2QgMnAHO1mJ7mNhatK1PpNoZ_w_zqCb8BU2hbm2x059heWLq3g_ukxkio8wTCWGQpkBoqWchQ5kptQQs49Yh263k/?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/AVvXsEj0nJzi1tPtN0UoUfDZ8KQNq9jsx6VlG1GGowlbYiZe4uqZ2L5kSfuq5lvbrtNpkdJJ1JoOIyOQt-1y43X59NtXh3eu5SLazNsIy3lY8o47r5yhh2PjOeelw6er8FR_cTQBRAFs19r0f5k/?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/AVvXsEi5w8FVKHf37eJaGC7V6kG-kMcBHChoO9rAyodd_H4mmfnQS2CEcEA6tFv9UvBB8eW5-n4sXVlYzzqYQAyGXFZApRlREOb6U_JcFbkBKXtkI_JD84BLUiNJnw8iMy0ywoMtM0IPqGOOe4M/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEj0HyIG42yLoyi91qmaVJ36y5Zplaf4Zg7YbQ89ga9AlWqnWMK8HPTSMLVt-EEMGVf5rfV1yH30JDl50-qiGhRTpqgvkD-syHEdA-6q-RFGVwH95MUnYRQKXcMrlZ6_fzH__lYVFsjTEhk/?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/AVvXsEjY0ZpgovANEqCErAEA5TykH8YP_N1nIGMFajLdj5a2N9SpbDOFcji_cocHhS6Xc61oawFZZePBzj4ApcM6nh5R4BgnCk5EBz4Jj4mMK4Z69-_4wkUn-NX532e2K7KCYUtcrVTuOAWI_8o/?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/AVvXsEhX5Q4MnElsAXsvURMkmx_tMtXzyz3NRwixLwG00edNOxDOexUy8OdweC6SmzEnBlHnSoHEdEkyppkI4DuRlPpqmpUIng5SvukXw7EN31oYvp6rbvHSD6s_GJvfZ5Qh_BZ-FJ6tQN_WPmx6/?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/AVvXsEjERRokoAu1By8jKPitxdqOTfbNvPwMGa5MMotvKyIO5s5IACnrNVVIJQLhJhmS9HIlZ9IKJU60Eq-aOG_J04MnWVdGyD9bDTjpt0C9sQlKREkT4bItYHCN-5NEjo8znjqzhNqn2p9dUb0/?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/AVvXsEgG_mBMUObiV7Ovh99CJawc1anAIcMxb6NbaS9f9-JyCMRl0J7qstgITk6ZOVJ3VsY89VO1wPYFxxqf8gxaLe6kh7XI7PWo83xxYsEr3A6KEbvv64szkncmwVwIi9dyZoaVVPjlC8zJcyg/?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/AVvXsEjIGB5kn_FvWvrUI8_2fzDiSQPPAtVDamvbXroVt8eVwtQwFDBZhs4cSv0BWwGPbuFz3Q1hMqc7mpsvTGi3W9w2DnPUsr0gdd-gyfkMgFLnrSWnn7jVsFLTEug6196DSsefHn26kx5JyUY/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
   </div><div style="font-size:10px;margin:10px 0px 3px 0px">
   by : <a href="http://www.blogspottutorial.com">BTF</a>
   </div>

   
   
7. Click Save button
   
8. Done
   

It is very easy, isn’t it?

Happy enjoying your new Google Translate widget! ^_^

Posted in: embed code,Google Translate,hack,tips and trick,widgets