Using Google Translate WordPress with simple Translator Widget Code Tutorial.
Some days ago, i have wrote about using multilingual wordpress plugin, including the alternative ways that you can achieve to have your blog or website to be accessable by different people with their own different native languages.
In this post, i want to point out more about Google Translate WordPress without using any plugins.
Google Translate WordPress Demo.
In my sidebar, below the “today’s date” i have a widget that shows my visitors they can change the language of this page, that’s my Google Translate WordPress widget.
See image (if i don’t remove it).
My Google Translate WordPress look.
How to add this Google Translate WordPress widget to wordpress blog?
It is very easy, this is why i don’t make any video tutorials on this :)
Steps:
1. Add this line of code in Text widget (see more infos in my post about how to use widgets in wordpress 3.0.1 tutorial :)
<script type="text/javascript" src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>
Don’t forget to click “save button”.
2. Refresh your blog, you should see, Google Translate WordPress widget in your sidebar, with the text “gadgets powered by Google”. (see image below).
There is text, gadgets powered by Google.
Notice i have this text gone in my widget. If you want to have the text, then this tutorial is done for you.
But if you want to hide the text, because for my blog, the text was long for my sidebar, so i did hide it with css.
If you need to hide it, use this code to paste in the bottom of your stylesheet file (style.css):
.gadget tr td img, span.powered{display:none;}
Downside using this code is another javascript is involved in your site, means when you measure the loading speed of your blog with pagespeed firefox addon, it will show that we should combine javascripts.
The advantage, we are successfully reducing plugins usages with this Google Translate WordPress widget code.
{ 6 comments… read them below or add one }
Thanks again, Kimi! you always make things easy for us that no question left. Just one thing I’ll say, I must follow it.
Cheers.
This is very cool Kimi. Thanks for sharing useful feature. :-)
Thanks for the comment, Walter :)
thanks for sharing
When i installed google translate it deleted my website and now i cant open it!!!!! plz help
I just found one of the best plugins ever. You can get text translator for your wordpress site. Its good Google Translate alternative.
http://www.translatorbox.com/google-text-translator-alternative-for-wordpress/
{ 1 trackback }