English is major language at web sites, but if you are writing in non English language at your blog or site, it is wise to add translate widget so that your visitors can translate your blog or site and understand what are you writing. Your Blog visitors can translate your blog to their native language by Google Translate Services. Google Translate is free service to translate web sites and currently supports 64 different languages. if your are searching how to add translate service to your blog, this post is for you. This translate widget is easy to add. Follow some easy steps to add this to your blog.

Log in Blogger Account.
Enter in Layout » Add a Gadget » HTML JavaScript.
Now copy the given codes and paste into content area of HTML/JavaScript.
Give it a name under title section such as Translate me, Translate this site etc.
Save it and done.

For English Language Blogs

<style type="text/css">.trans-flags{margin: auto; width:auto; text-align: center;}div.attribution {font-size:8px;text-align: center; width: auto;}img.flag {cursor: pointer; height: 24px; width: 24px; border: 0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}img.flag:hover {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}</style><div class='trans-flags'><a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=zh-CN&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="中文(简体)" src="http://lh6.ggpht.com/_dzq0x75P67s/Sqodh0eQlGI/AAAAAAAAAnI/qeNNDV5ZsIQ/s800/China.png" title="中文(简体)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=pt&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Português" src="http://lh6.ggpht.com/_dzq0x75P67s/Su6pkl4lNCI/AAAAAAAAAto/-lLpHw3dd-c/s800/Brazil.png" title="Português" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=fr&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Français" src="http://lh3.ggpht.com/_dzq0x75P67s/Sqodh1SZl4I/AAAAAAAAAnM/75d_mi391cM/s800/France.png" title="Français" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=de&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Deutsch" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiEO5DFI/AAAAAAAAAnQ/Zg3lznR_xxQ/s800/Germany.png" title="Deutsch" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=it&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Italiano" src="http://lh5.ggpht.com/_dzq0x75P67s/SqodiCj-k-I/AAAAAAAAAnU/uBITDoMVy3U/s800/Italy.png" title="Italiano" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=ja&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="日本語" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiHC9jHI/AAAAAAAAAnY/7EizWdCnn4s/s800/japan.png" title="日本語" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=ko&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="한국어" src="http://lh3.ggpht.com/_dzq0x75P67s/SqofSY4TTlI/AAAAAAAAAnc/gL6lLQqO2-U/s800/South%20Korea.png" title="한국어" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=ru&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Русский" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSVz2JhI/AAAAAAAAAng/opgmwbgvnDU/s800/Russian%20Federation.png" title="Русский" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=es&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Español" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSuXVoYI/AAAAAAAAAnk/bM3PAPvu6vo/s800/Spain.png" title="Español" /></a></div><div class="attribution"></div>

For Non English Language Blogs

<style type="text/css">.trans-flags{margin: auto; width:auto; text-align: center;}div.attribution {font-size:8px;text-align: center; width: auto;}img.flag {cursor: pointer; height: 24px; width: 24px; border: 0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}img.flag:hover {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}</style><div class='trans-flags'><a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=zh-CN&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="中文(简体)" src="http://lh6.ggpht.com/_dzq0x75P67s/Sqodh0eQlGI/AAAAAAAAAnI/qeNNDV5ZsIQ/s800/China.png" title="中文(简体)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=pt&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Português" src="http://lh6.ggpht.com/_dzq0x75P67s/Su6pkl4lNCI/AAAAAAAAAto/-lLpHw3dd-c/s800/Brazil.png" title="Português" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=en&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="English (US)" src="http://lh4.ggpht.com/_dzq0x75P67s/SqofSt9T9YI/AAAAAAAAAno/fEk669hIv4Y/s800/United%20States%20of%20America%28USA%29.png" title="English (US)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=fr&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Français" src="http://lh3.ggpht.com/_dzq0x75P67s/Sqodh1SZl4I/AAAAAAAAAnM/75d_mi391cM/s800/France.png" title="Français" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=de&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Deutsch" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiEO5DFI/AAAAAAAAAnQ/Zg3lznR_xxQ/s800/Germany.png" title="Deutsch" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=it&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Italiano" src="http://lh5.ggpht.com/_dzq0x75P67s/SqodiCj-k-I/AAAAAAAAAnU/uBITDoMVy3U/s800/Italy.png" title="Italiano" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=ja&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="日本語" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiHC9jHI/AAAAAAAAAnY/7EizWdCnn4s/s800/japan.png" title="日本語" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=ko&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="한국어" src="http://lh3.ggpht.com/_dzq0x75P67s/SqofSY4TTlI/AAAAAAAAAnc/gL6lLQqO2-U/s800/South%20Korea.png" title="한국어" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=ru&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Русский" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSVz2JhI/AAAAAAAAAng/opgmwbgvnDU/s800/Russian%20Federation.png" title="Русский" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&sl=auto&tl=es&u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Español" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSuXVoYI/AAAAAAAAAnk/bM3PAPvu6vo/s800/Spain.png" title="Español" /></a></div><div class="attribution"></div>

For more flags please visit here. If you have any question, feel free to ask :)

About Arvind Jangid

Arvind Jangid is the founder and editor of Mast Tips and Mast Blog Tips. He Shares the solutions on 'How To Series' & dedicated to share his blogging tips. Follow Him on Facebook or Twitter . See More About Him.