Add Language Translator Google Translate Widget To Blogger (BlogSpot) Blog Site? If you are having a blog and receiving visitors from various countries and cities of the world, then they may or may not be comfortable with the language of your blog. So adding a translator button or a widget is always useful.The Google Translate Widget (Google Translate Web Element) is a great tool to place in your blog which gives the opportunity to your visitors to translate your blog content in their native language. To do this follow below steps :-
Widget Code :-
1. Horizontal
<div id=”google_translate_element”></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘en’,
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, ‘google_translate_element’);
}
</script><script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>
2. Vertical
<div id=”google_translate_element”></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘en’
}, ‘google_translate_element’);
}
</script><script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>
3. Dropdown only
<div id=”google_translate_element”></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘en’,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, ‘google_translate_element’);
}
</script><script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>
Chose which widget you like and copy the code.
1. Login to your blogger account, and open the Design section.
2. Under the Page Elements Section go to Add a Gadget.
3. From the given list find and choose HTML/JavaScript.
4. A new window will appear, paste the code there and click Save.
Your Google Translate Widget is ready. Go back and preview your blog and see how it looks. Enjiy Blogging!!!
Blog Archive
Pages
Technology In Education
Total Pageviews
Ads 468x60px
Popular Posts
-
How to Remove "Showing no posts match your query.....show all posts" Result from Blogger? First log in to your Blogger account b...
-
How to Remove or Hide Post Count Number Beside Labels in Blogger Label? If you are using Blogger platform for your blog so here is the tutor...
-
Angry Birds Season What’s New in Version 2.0.0 Get ready for Ham’o'ween with the latest Angry Birds Seasons update! It’s going to be a...
-
How to Highlight Author Comments in Blogger (Blogspot) Blogs? This is a simple trick to Highlight Author Comments in blogspot blogs . This w...
-
How to Add a Reply Button Link / Option in Blogger After Comments Like WordPress? Blogger is an amazing free service by Google. By Default, ...
Followers
Windows 8 Developer Preview
ShareThis
123