How to Make a Widget Translate In Different Languages Blogger

[niceabi]

How to Make a Widget Translate In Different Languages Blogger



Have you made widgets translate to facilitate a person who is visiting your site to read the article that you have and translate into a language which he understands. If you have never made widgets translate the bloggers then I will give a very simple tips and be able to help you translate many language in blogger widget. This is a simple way that may help you because many people are very difficult to translate an interesting article, and your site visitors may not confused translate provided a simple way to translate in blogger widget.  And the code you should add is :

1. Step One Click on Widget HTML and JavaScript



2. Add existing code below into the HTML and JavaScript widget

01   <ul><code>&lt;style&gt;</ul></code>
02   
03   <ul><code>.google_translate img {
04   filter:alpha(opacity=100);
05   -moz-opacity: 1.0;
06   opacity: 1.0;
07   border:0;
08   }
09   .google_translate:hover img {
10   filter:alpha(opacity=30);
11   -moz-opacity: 0.30;
12   opacity: 0.30;
13   border:0;
14   }
15   .google_translatextra:hover img {
16   filter:alpha(opacity=0.30);
17   -moz-opacity: 0.30;
18   opacity: 0.30;
19   border:0;
20   }
21   &lt;/style&gt;</ul></code>
22   
23   <ul><code>&lt;div&gt;</ul></code>
24   
25   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;English&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;English&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;English&quot; height=&quot;32&quot; src=&quot;http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
26   
27   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;French&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;French&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;French&quot; height=&quot;32&quot; src=&quot;http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
28   
29   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;German&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;German&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;German&quot; height=&quot;32&quot; src=&quot;http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
30   
31   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Spain&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Spain&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Spain&quot; height=&quot;32&quot; src=&quot;http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
32   
33   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Italian&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Italian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Italian&quot; height=&quot;32&quot; src=&quot;http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
34   
35   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Dutch&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Dutch&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Dutch&quot; height=&quot;32&quot; src=&quot;http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;
36   &lt;br/&gt;&lt;br/&gt;</ul></code>
37   
38   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Russian&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Russian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Russian&quot; height=&quot;32&quot; src=&quot;http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
39   
40   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Portuguese&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Portuguese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Portuguese&quot; height=&quot;32&quot; src=&quot;http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
41   
42   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Japanese&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Japanese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Japanese&quot; height=&quot;32&quot; src=&quot;http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
43   
44   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Korean&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Korean&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Korean&quot; height=&quot;32&quot; src=&quot;http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
45   
46   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Arabic&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Arabic&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Arabic&quot; height=&quot;32&quot; src=&quot;http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;</ul></code>
47   
48   <ul><code>&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Chinese Simplified&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;&quot;&gt;&lt;img alt=&quot;Chinese Simplified&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Chinese Simplified&quot; height=&quot;32&quot; src=&quot;http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:10px&quot; width=&quot;24&quot;/&gt;&lt;/a&gt;
49   &lt;/div&gt; &lt;div 0px 0px&acirc;?? style=&quot;&acirc;??font-size:10px;margin:8px&quot; 3px&gt;&lt;/div&gt;</ul></code>
50   
51   <ul><code>&lt;br/&gt;&lt;br/&gt;
52   &lt;center&gt;&lt;a href=&quot;http://www.bloggerarticle.com/&quot;&gt;this widget by www.bloggerarticle.com&lt;/a&gt;&lt;/center&gt;</ul></code>

3. Click Save



And the result will be like the ones below and you can try the live demo and if you understand code above please visit Translate.Google.com to create a variety of languages you want to take the Bar link provided as in translating from your language to the language you want. For Live Demo, please try Translate widget is below :

[zakir]

yar niceabi this code is not working

[niceabi]

yaar i really dint check it ....which error your facing

[Tags:]

Inner Forum  > Web Publishers  > About blogger  > Topic:

How to Make a Widget Translate In Different Languages Blogger