Liked

Friday 21 December 2012

Pin It

Add Google Translate Widget to Blogger


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"><!-- If you're getting validation error, put this style sheet to head -->.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&amp;sl=auto&amp;tl=zh-CN&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#20013;&#25991;(&#31616;&#20307;)" src="http://lh6.ggpht.com/_dzq0x75P67s/Sqodh0eQlGI/AAAAAAAAAnI/qeNNDV5ZsIQ/s800/China.png" title="&#20013;&#25991;(&#31616;&#20307;)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=pt&amp;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&amp;sl=auto&amp;tl=fr&amp;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&amp;sl=auto&amp;tl=de&amp;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&amp;sl=auto&amp;tl=it&amp;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&amp;sl=auto&amp;tl=ja&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#26085;&#26412;&#35486;" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiHC9jHI/AAAAAAAAAnY/7EizWdCnn4s/s800/japan.png" title="&#26085;&#26412;&#35486;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ko&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#54620;&#44397;&#50612;" src="http://lh3.ggpht.com/_dzq0x75P67s/SqofSY4TTlI/AAAAAAAAAnc/gL6lLQqO2-U/s800/South%20Korea.png" title="&#54620;&#44397;&#50612;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ru&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSVz2JhI/AAAAAAAAAng/opgmwbgvnDU/s800/Russian%20Federation.png" title="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=es&amp;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"><!-- If you're getting validation error, put this style sheet to head -->.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&amp;sl=auto&amp;tl=zh-CN&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#20013;&#25991;(&#31616;&#20307;)" src="http://lh6.ggpht.com/_dzq0x75P67s/Sqodh0eQlGI/AAAAAAAAAnI/qeNNDV5ZsIQ/s800/China.png" title="&#20013;&#25991;(&#31616;&#20307;)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=pt&amp;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&amp;sl=auto&amp;tl=en&amp;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&amp;sl=auto&amp;tl=fr&amp;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&amp;sl=auto&amp;tl=de&amp;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&amp;sl=auto&amp;tl=it&amp;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&amp;sl=auto&amp;tl=ja&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#26085;&#26412;&#35486;" src="http://lh4.ggpht.com/_dzq0x75P67s/SqodiHC9jHI/AAAAAAAAAnY/7EizWdCnn4s/s800/japan.png" title="&#26085;&#26412;&#35486;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ko&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#54620;&#44397;&#50612;" src="http://lh3.ggpht.com/_dzq0x75P67s/SqofSY4TTlI/AAAAAAAAAnc/gL6lLQqO2-U/s800/South%20Korea.png" title="&#54620;&#44397;&#50612;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ru&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" src="http://lh6.ggpht.com/_dzq0x75P67s/SqofSVz2JhI/AAAAAAAAAng/opgmwbgvnDU/s800/Russian%20Federation.png" title="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=es&amp;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.

Liked My Post ?


Subscribe to our RSS Feed and We will let you know when we have new posts!
Or get the latest posts via Email
Thanks!

If You Found Something Useful, Then Kindly share This Now:
Technorati Digg This Stumble Stumble Facebook Twitter
साँझा करें Share It Now !
StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google Twitter FaceBook

1 comments:

  1. I visited multiple sites but the audio quality
    for audio songs present at this website is
    genuinely superb.

    Look into my page; Dermal meds

    ReplyDelete

Your Suggestions are valuable for me.

Related Posts Plugin for WordPress, Blogger...

FeedBurner Updates

a

Name

Email *

Message *

Feed Back
 

Search This Blog

© 2011-2012. MTS-Mast Tips n Tricks All Rights Reserved Arvind Jangid, Sikar, Rajasthan, Ph. +919413159634 . Template by Mast Blog Tips | Back To Top |