Affichage des articles dont le libellé est Translation Widget (Button). Afficher tous les articles
Affichage des articles dont le libellé est Translation Widget (Button). Afficher tous les articles
How to add Google Translate Widget in Blogger
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. Weeks ago, Chakie also has written an article for a great website translation widget with flags from Free Website Translations, so if you want you can check it here. Ok, here we go now:Google gives 3 different styles of Google Translate Widget:
1) 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>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: en
}, google_translate_element);
}
</script><script src= //translate.google.com/translate_a/element.js?cb=googleTranslateElementInit ></script>
2) 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>
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>
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>
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. Happy Blogging!!!
Free Website Translation Widget (Button)
In our job the main issue is how to increase the number of our visitors. We use different tips and tricks, widgets and etc. to achieve our goal. There is a widget that helps you to increase the number of visitors in you site. So as Dip In It we are recommending Free Website Translations, because it offers you a great widget for translations, it is for free and without registration! This widget allows visitors of your site to translate the website into their own language very easy and fast. With this website fully automatic translation is now possible.
First step browse http://free-website-translation.com/
�
Free Website Translations
After you browse this web site click at Get Your Button
Get Your Button
Then choose the language of your website or blog.
Select a Website Language
After you have select the language of your website, in the left square it will appear the HTML code of the widget.
HTML Code
And the last step, highlight (copy) the code, login to your blogger account, go toDesign and click Add New Gadget paste your code and click save.
- Login to your Blogger account and go to Design.
- Under the Page Elements Section go to Add a Gadget.
- From the given list find and choose HTML/JavaScript.
- Paste the code in the new window and click Save.
Below is a picture of the widget that will appear at your blog.
Example Intergation
